这段css代码为什么会产生一个小间隙

显示全部楼层 · 2013-10-22 01:23:45

具体原因不明，只能估计是：使用display: inline-block;使得由块盒元素div变成内联元素，内联元素就意味着只能通过字体和行高控制高度，而不能通过height属性控制高度。所以，基本能确定是跟各浏览器设定的内联元素的大小有关。用Chrome试验的结果是，当内联的div高度大于等于18px，2px的空隙开始消失，Chrome默认字体大小是16px。用Firefox试验的结果是，当内联的div高度大于等于19px，2px的空隙开始消失,Firefox的默认字体大小好像是15px。用IE6试验的结果是，IE内联的div高度设定为1px无效，因为IE6自动设定了大概14px的高度，也不会出现2px的空隙，IE6默认字体大小是12...

千问 · 2013-10-22 01:23:45

display:inline-blcok可以用display:blcok;float:left或者float:right来替代，然后，在这个以外的地方加上clear:both;清除掉浮动就可以了。没仔细看你代码，只是知道inline0blcok是会有间隔。。。...

千问 · 2013-10-22 01:23:45

很简单啊，你头部都没加W3C验证，代码当然会有问题啊；解决方法：打开DW，新建一个HTML，把头部的W3C验证加进去就OK了！...

千问 · 2013-10-22 01:23:45

*{margin:0;padding:0;}...

千问 · 2013-10-22 01:23:45

不知道你这个写法是哪里学的。可以用border写，你这样写兼容性不好把握！...