跨浏览器兼容性问题

2019年11月30日作者：佚名

跨涉猎器兼容性题目

当像多么对齐元素时，对 <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;
bac千克round-color:#b0e0e6;
}