网络编程
位置:首页>> 网络编程>> 网页设计>> 浮动元素对浏览器的支持

浮动元素对浏览器的支持

作者:gulu77 来源:蓝色理想 发布时间:2008-02-02 10:05:00 

标签:浮动,float,浏览器,css

当元素设置浮动(float)后会被移出文档流,相信大家都会经常遇到这样的问题。

这问题的解决办法有N种之多,因为每种浏览器对CSS的解析各异,所以在不同浏览器使用清除浮动的元素也会有所不同。

我认为目前还没有最好的清除浮动元素或组合,而是根据情况分析而选择,最好的清除浮动元素或组合。

为了兼容不同浏览器,可能要使用不同的清除浮动元素组合使用,如:{overflow:hidden; zoom:1;}、{display:table; width:100%;}、{overflow:hidden; height:1%;}

以下分析了部份的消除浮动元素对浏览器的支持:

测试的实例

运行代码框


注意:以上表格元素是指,当内容被移出文档流时清除元素对浏览器分支持

你是否也使用了以上表格元素或组合,如有更佳的消除浮动元素或方法,欢迎赐教!

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com