一、浮动的概念:
浮动:用于创建浮动框,将其移动到一边,知道左边缘或右边缘及包含块或另一个浮块框的边缘。
二、浮动的语法:
选择器{
float:属性值;
}
属性 | 描述 |
none | 元素不浮动 |
left | 元素左浮动 |
right | 元素右浮动 |
三、浮动的特性
1、浮动元素会脱离标准流
2、浮动元素会一行内显示并且元素顶部对齐(多个盒子都设置了浮动的情况下)
3、浮动元素会具有行内块元素的特性
设置了特性:
- 脱离标准普通流的控制移动到指定位置(俗称脱标)
- 浮动的盒子不再保留原位置
注意:
- 浮动元素经常和标准流父级搭配使用
- 利用ul时要清除内外边距