div+css在不同浏览器中的定位

Posted by Smeagol | Posted in 前端技术 | Posted on 21-12-2008

1、浮动ie6产生的双倍距离
#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}
这里细说一下block,inline两个元素,Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,…不可控制(内嵌元素);

2、在Firefox中,浮动元素将会脱离文档流,所以你对small<div>进行了左浮动那么它就脱离了big<div>的包围,当然就不会撑开big了。而IE里面浮动的元素并不会脱离文档流。解决的方法就是在big里加一个overflow:hidden;

3、在ff中,img元素会在底部留出一条空白来,用display:inline;来解决。

Post your comment