网站建设中怎么使用float兼容IE6和其他浏览器?_昆明网站制作公司,多彩科技
2011-04-22 13:58:35   来源：   评论：0 点击：

div+css布局的float流目前成了大多数网站建设者的选择，自由的标签组合，类似表格的布局习惯，但是如果不清楚其中的个别技术细节，将会无法正常使用float属性

在使用float的过程当中，在ie6下面可能会发现，之前的div层会无缘无故的断开，里面的元素似乎都脱离了div外套的约束，而在ie7，ie8或者火狐的浏览都很正常，这其中就要属性clear:both属性的使用，当使用float属性的时候，实际上后面的元素都会跟随之前具有float属性的div流动，如果想重新浮动布局，则需要在结束的时候，加入<div style="clear:both"></div>来中断前面的布局流。

在使用过程中，可能会遇到中断层的高度会高出意想中的0像素，而定义height:0却不管用，这实际上是默认的font-size属性在作祟，只需要该div 的font-size定义为0即可。

一个基本的clear层的样式应该是这样：.clear{ clear: both; margin: 0; padding: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden}