第三天_浮动

一、浮动

1）定义

元素脱离文档流，按照指定的方向发生移动，遇到父级边界换行

2）取值

none不浮动（默认）

left左浮动

right右浮动

inherit继承父级

3）作用

解决水平布局问题

4）特性

• 所有标签同排显示
• 行标签支持所有css样式
• 默认内容撑开宽高
• 元素脱离文档流

二、清除浮动

1）原因

元素使用浮动后脱离文档流，父级元素检测不到子级的存在，高度无法撑开

2）解决方案

1.在父级使用height（不推荐）

2.在父级使用overflow：hidden

3.使用clear

clear的属性

both同时清除左右浮动

left清除左浮动

right清除右浮动

4.after伪类选择器