跨浏览器兼容性问题

2024-01-18 11:52 小编

跨浏览器兼容性标题

当像这样对齐元素时，对 <body> 元素的外边距和内边距发展预界说是一个好主见。多么或者防范在一致的涉猎器中泛起可见的差异。

当使用 position 属性时，IE8 以及更早的版本具有一个问题。若是容器元素（在我们的案例中是 <div class="container">）设置了指定的宽度，何况省略了 !DOCTYPE 声明，那末 IE8 以及更早的版本会在左侧增多 17px 的外边距。这宛若是为转动条预留的空间。当运用 position 属性时，请不停设置 !DOCTYPE 声明：

实例

body
{
margin:0;
padding:0;
}
.container
{
position:relative;
width:100%;
}
.right
{
position:absolute;
right:0px;
width:300px;
background-color:#b0e0e6;
}

返回首页上一篇：选择器分组下一篇：为 XML 文档中的元素设置样式