加入收藏 | 设为首页 | 会员中心 | 我要投稿 衡阳站长网 (https://www.0734zz.cn/)- 数据集成、设备管理、备份、数据加密、智能搜索!
当前位置: 首页 > 服务器 > 系统 > 正文

CSS教程:浮动元素对浏览器的支持

发布时间:2020-11-28 22:12:59 所属栏目:系统 来源:网络整理
导读:当元素设置浮动(float)后会被移出文档流,相信大家都会经常遇到这样的问题。这问题的解决办法有N种之多,因为每种浏览器对CSS的解析各异,所以在不同浏览器使用

当元素设置浮动(float)后会被移出文档流,相信大家都会经常遇到这样的问题。
这问题的解决办法有N种之多,因为每种浏览器对CSS的解析各异,所以在不同浏览器使用清除浮动的元素也会有所不同。
我认为目前还没有最好的清除浮动元素或组合,而是根据情况分析而选择,最好的清除浮动元素或组合。
为了兼容不同浏览器,可能要使用不同的清除浮动元素组合使用,如:{overflow:hidden; zoom:1;}、{display:table; width:100%;}、{overflow:hidden; height:1%;}
以下分析了部份的消除浮动元素对浏览器的支持:
运行代码框

[Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]
注意:以上表格元素是指,当内容被移出文档流时清除元素对浏览器分支持
你是否也使用了以上表格元素或组合,如有更佳的消除浮动元素或方法,欢迎赐教!

(编辑:衡阳站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读