您现在的位置是：网站首页> 编程资料编程资料
CSS教程:浮动元素对浏览器的支持_CSS教程_CSS_网页制作_
2021-08-29
2212人已围观
简介 当元素设置浮动(float)后会被移出文档流，相信大家都会经常遇到这样的问题。 这问题的解决办法有N种之多，因为每种浏览器对CSS的解析各异，所以在不同浏览器使用清除浮动的元素也会有所不同。 我认为目前还没有最好的清除浮动元素或组合，而是根据情况分析而选择，最
当元素设置浮动(float)后会被移出文档流，相信大家都会经常遇到这样的问题。
这问题的解决办法有N种之多，因为每种浏览器对CSS的解析各异，所以在不同浏览器使用清除浮动的元素也会有所不同。
我认为目前还没有最好的清除浮动元素或组合，而是根据情况分析而选择，最好的清除浮动元素或组合。
为了兼容不同浏览器，可能要使用不同的清除浮动元素组合使用，如：{overflow:hidden; zoom:1;}、{display:table; width:100%;}、{overflow:hidden; height:1%;}
以下分析了部份的消除浮动元素对浏览器的支持：
运行代码框
[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]
注意：以上表格元素是指，当内容被移出文档流时清除元素对浏览器分支持
你是否也使用了以上表格元素或组合，如有更佳的消除浮动元素或方法，欢迎赐教！
相关内容
- CSS教程:CSS兼容的技巧_浏览器兼容教程_CSS_网页制作_
- CSS教程:创建性感的CSS样式表_CSS教程_CSS_网页制作_
- CSS教程:复合型条状图表_CSS教程_CSS_网页制作_
- CSS教程:最基本的条状图表_CSS教程_CSS_网页制作_
- 动态加载外部CSS与JS文件_CSS教程_CSS_网页制作_
- 网页制作之学习CSS的理由_CSS教程_CSS_网页制作_
- 兼容IE和FF的单行溢出文本显示省略号_浏览器兼容教程_CSS_网页制作_
- 纯 CSS 制作逼真的 iphone7_CSS教程_CSS_网页制作_
- css两种垂直居中对齐解决方案(小结)_CSS教程_CSS_网页制作_
- 简述CSS中的背景属性background_CSS教程_CSS_网页制作_
