浮动特性以及部分清浮动方法|网站前端开发
2018-05-03 本文已影响0人
小白_9da6
float浮动的特性：
1、块在一排显示
2、内联元素支持宽高
3、默认内容撑开宽度
4、脱离文档流
5、阻止margin叠压
浮动：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。
前端开发者
部分清浮动的方法：
1.加高度
缺点：
a.不利于维护
b.在内容不确定高度时无法使用
2.inline-block清浮动
缺点：
a.会产生空格间隙
b.无法使用margin左右居中
3.空标签清浮动
缺点：
a.必须是非内联元素
b.但凡使用到浮动都需要加个空标签
4.以浮制浮
缺点：
a.所有浮动元素的父级都要加浮动,最终加到HTML上就无法继续清除浮动了
换行符
缺点：
不符合W3C规范
6.after伪类
必须配合content样式使用[color=#ff0000][/color]
网站前端开发_前端开发者丨CSS
https://www.rokub.com
