属性
float
取值
可取left或right,设置元素向左浮动或向右浮动
float: left/right;
特点
元素设置浮动会从原始位置脱流,向左或向右依次停靠在其他元素边缘,在文档中不再占位...元素设置浮动,就具有块元素的特征,可以手动调整宽高
“文字环绕”:浮动元素遮挡正常元素的位置,无法遮挡正常内容的显示,内容围绕在浮动元素周围显示
常见问题
子元素全部设置浮动,导致父元素高度为0,影响父元素背景色和背景图片展示...,影响页面布局
解决
对于内容固定的元素,如果子元素都浮动,可以给父元素固定高度(例:导航栏)
在父元素的末尾添加空的块元素。...距参照物的顶部
right 距参照物的右侧
bottom 距参照物的底部
left 距参照物的左侧
分类
relative 相对定位:元素设置相对定位,可参照元素在文档中的原始位置进行偏移...固定定位
参照窗口进行定位,不跟随网页滚动而滚动
脱离文档流
使用绝对定位:“父相子绝” : 父元素设置相对定位,子元素绝对定位,参照已定位的父元素偏移.