<html>
<head>
<title></title>
<style type="text/css">
* {margin:0; padding:0;}
#d1,#d2,#d3,#d4 {float:left; width:60px;}
#d1 {background-color:red;}
#d2 {background-color:blue;}
#d3 {background-color:yellow;}
#d4 {background-color:black;}
.clearboth {clear: both; font-size: 0; height: 0; margin: 0;}
</style>
</head>
<body>
<div id="d1">1</div>
<div id="d2">2</div>
<!-- 清除浮动,换行 -->
<div class="clearboth"></div>
<div id="d3">3</div>
<div id="d4">4</div>
</body>
</html>
以上的<div class="clearboth">用于清理浮动布局,起到换行的作用。
但是页面在FF3.5和IE8下显示有差别。
FF3.5场合下,两行之间是没有间隙的;
但是到IE8下,两行间出现了一些间隙。如何改进clearboth层,才能在FF3.5和IE8下都能实现无间隙换行?
解决方案 »
- js截取括号以外的字符
- window.open如何传参??????
- javascript 如何改变text-size?是ie中的text size,而不是html中的,就是那个字体大中小的选项,如何用js来控制?
- JavaScript字符型的问题
- 请教正则表达式问题
- 急急!ie版本的问题insertrow(),(在线等!)
- 一排可以点击的文字,被点击的就高亮显示,这个功能怎样实现的?谢谢
- ajaxSubmit IE file标签同步的问题
- 如何判断一个文本框中输入的是否是数字(包括整数或有小数点的数字)
- 动态表格添加行问题
- jquery contains的问题
- 请教javascript高手,有关自定义事件,比较急
<html xmlns="http://www.w3.org/1999/xhtml">加上doctype换成标准模式就好了