来源: 有时做页面排版，做边距的时候，让div左边据为10px，但是显示出来的确实10的2倍20px。
这是ie的一个bug,解决方法就是在css里定义div的时候，加上display:inline。
演示
不加display:inline的情况
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body {
margin:0
}
div {
float:left;
margin-left:10px;
width:200px;
height:200px;
border:1px solid red;
}
</style>
<div>
<a href="#">
w3c-标准网页组件库w3c-标准网页组件库w3c-标准网页组件库
w3c-标准网页组件库w3c-标准网页组件库w3c-标准网页组件库
w3c-标准网页组件库w3c-标准网页组件库
</a>
</div>
加入display:inline的情况:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body {
margin:0
}
div {
float:left;
margin-left:10px;
width:200px;
height:200px;
border:1px solid red;
display:inline
}
</style>
<div>
<a href="#">
web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全
</a>
</div>
分类:CSS
阅读:
评论: