赛捷软件论坛 - Powered by Discuz! Board

标题: Crossbrowser 兼容性问题 [打印本页]

作者: vicky.yu 时间: 2024-4-3 14:22 标题: Crossbrowser 兼容性问题

类似这样的元素对齐时，预先确定 margin 和元素的填充，始终是一个好主意。这是为了避免在不同的浏览器中的可视化差异。

IE8 和早期有一个问题，当使用 float 属性时。如果一个容器元素（在本例中<div class="container">）指定的宽度，!DOCTYPE 声明缺失，IE8 和早期版本会在右边增添 17px 的 margin。这似乎是一个滚动的预留空间。使用 float 属性始终设置在 DOCTYPE 声明中！

实例
body
{
margin:0;
padding:0;
}
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}

尝试一下 »

欢迎光临赛捷软件论坛 (http://sagesoft.cn/bbs/)