云南网站建设创新企业 昆明多彩网络公司

在线qq:540105663

网站建设中怎么使用float兼容IE6和其他浏览器?_昆明网站制作公司,多彩科技

来源:昆明网站制作公司-多彩科技 日期:2010-09-02 阅读: 发表评论

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}

发表评论评论列表(有 条评论)