CSS之 float 属性
2024-04-04 01:33:46
特性：
float的设计初衷仅仅是文字环绕效果
浮动具有破坏性,会使父容器高度塌陷
清除浮动方法: 1.脚底插入cleart:both 2.父元素BFC(IE8+)/haslayout(IE6/7)
两者差异: 1.与外部链接,会发生margin重叠 2.封闭式,不会外部发生冲突
两者不足: 1.多余空标签 2.兼容性无法一方通行
权衡后的策略: .clearfix需作用在父元素上
; overflow: hidden;}
; };
优化: .clearfix::after{ content: ''; display: table; clear: both;}
注意项
容错性糟糕,容易出问题
需要元素固定尺寸,无重用性
在IE低版本下,会引发很多问题
兼容性问题
IE6: 浮动有双倍边距,跟随浮动元素3px,后面文字会下沉
IE7: 浮动元素与文本不在同一行,最后一个字符重叠....
最新文章
- MWeb 1.7.1 版发布！支持导出为 RTF 和 Docx、发布到 Evernote 带样式、文档库备份和新网站主题等大量改进！
- Beginner's Guide to Python-新手指导
- http调接口
- FIM2010同步用户
- Android插件化开发
- tableview隐藏多余分割线
- MySQL压缩包安装
- angular 基础练习
- Android小试牛刀之遇到的问题
- Python基础之关于表达式
- [Linux]Redhat7配置本地镜像源
- IScroll的那些事——内容不足时下拉刷新
- 深度学习demo
- Eureka Client的使用
- python第三十二课——栈
- flask基础之请求钩子（十二）
- arcmap搜索脚本错误
- 编码GBK的不可映射字符
- Rpgmakermv(5) MiniLabel插件介绍
- js获取当前项目根路径URL （转自CSDN 红领巾-sunlight）