浮动属性
个数 | 属性 | 描述 | 说明 |
1 | float | float:left; | 元素靠左边浮动 |
2 | float | float:right; | 元素靠右边浮动 |
3 | float | float:none; | 元素不浮动 |
浮动的作用1 | 定义网页中其他文本如何环绕该元素显示 | ||
浮动的作用2 | 让竖着的东西横过来 |
正常的文档流都是独占一行,竖向排列的
当一个元素不再在文档流中占据空间,
而是漂浮在文档流的上方的时候
叫做脱离文档流
1、浮动会脱离网页文档,与其他不浮动的元素发生重叠
2、但是不会与文字发生重叠,文字会环绕浮动元素显示
浮动属性-清浮动
个数 | 属性 | 描述 | 说明 |
1 | clear | Clear:none; | 允许有浮动对象 |
2 | clear | Clear:right; | 不允许右边有浮动对象 |
3 | clear | Clear:left; | 不允许左边有浮动对象 |
4 | clear | Clear:both; | 不允许有浮动对象 |
清除浮动只是改变元素的排列方式,该元素还是漂浮着,不占据文档位置。 |