|
一、margin 属性(外部间距) 1．普通的 DIV ．各浏览器效果相同。 2．DIV 使用了 float:left 或 float:right 属性 ．IE6中，最左边的 DIV 左边的 pargin 值 (对 float:left; 而言)，和最右边的 DIV 右边的 pargin 值 (对 float:right; 而言)，均为其左右两边 pargin 值之和，解决的方法是在 float 的 DIV 中同时增加一个 display:inline; 属性 。 ．其它浏览器效果相同。 二、padding 属性(内部间距) ．IE(6～8)浏览器中，padding、border 的值包含于 width 宽度之中。 ．IE9 浏览器：未测试 (不好意思，本人仍在用XP，真是冏啊)。 ．其它浏览器效果相同，即：width、margin、padding、border 的数值各自独立。 三、小结 理论上讲，如果将所有的 padding、border 都设为0，则所有浏览器的显示效果都应该是相同的；至于 margin，只需注意 IE6 下同时使用 float 属性的情况。常规的方法是：将所有 DIV 的 margin、padidng、border 等属性都预置为0。当然这只是理论，在实际应用中往往需要精确定位，基本上不可能做到全部参数归零。 我的经验是：尽量将用于框架结构的 DIV 的上述属性参数归零，然后对页面的细节部分再进行定位，且定位时尽量使用 margin 属性。这样，即使浏览器之间有所不同，也不会影响到整体的结构。 ～～～～～～～～～～～～～～～～～～～～～～～～～～～ 【注】上面的“各种浏览器”和“其它浏览器”的范围，仅包括 Firefox、Chrome、Safari、Maxthon、IE6～IE8。至于其它IE内核浏览器，基本上与IE效果相同，但有时也会不一样，应以实测为准。 ( C4 y' e6 c9 B# H* u
| 
32981
0
©2015-2022 www.tuyuanma.com 版权所有 Sitemap.xml
提升卡
置顶卡
沉默卡
变色卡
千斤顶
赣公网安备36112102000036号
赣ICP备17001544号-10