CSS Float(浮动) 定位
1. 什么是Float(浮动)?
CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列
2. 浮动特性?
1. 浮动会是元素脱离文档流
2. 会提升层级‘半级’ --会盖住属性 不会盖住内容
3. 使不支持宽高的元素重新支持宽高
4. 如果没有设置宽度,浮动元素的宽度是根据内容而定(由内容撑开)
5. 一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
3. 使用浮动会有什么影响?
1. 元素浮动之后会使周围的元素重新排列
2. 浮动元素会对它的下一个元素产生影响
4. 如何清除浮动
元素浮动之后会使周围的元素重新排列 为了避免这种情况,使用 clear 属性。
clear 属性指定元素两侧不能出现浮动元素。
代码如下:
.clear:{
clear:both/right/left
}
使用每类选择器对下一个元素清除浮动
div:after{
content:"";
display:block;
clear:both;
}
5. 块元素
1. 块元素的特征: 如果不设置宽度会默认继承父级元素的宽度