CSS 盒模型
内容尺寸
一般情况下,为元素设置width/height,指定的是内容框的大小
内容溢出:内容超出元素的尺寸范围,称为溢出。...,影响页面布局
解决
对于内容固定的元素,如果子元素都浮动,可以给父元素固定高度(例:导航栏)
在父元素的末尾添加空的块元素。...距参照物的顶部
right 距参照物的右侧
bottom 距参照物的底部
left 距参照物的左侧
分类
relative 相对定位:元素设置相对定位,可参照元素在文档中的原始位置进行偏移...,不会脱离文档流
absolute 绝对定位:
绝对定位的元素参照离他最近的已经定位的祖先元素进行偏移,如果没有,则参照窗口进行偏移
绝对定位的元素会脱流,在文档中不占位,可以手动设置宽高
fixed...堆叠次序
元素发生堆叠时可以使用 z-index 属性调整已定位元素的显示位置,值越大元素越靠上:
属性 : z-index
取值 : 无单位的数值,数值越大,越靠上
堆叠:
定位元素与文档中正常元素发生堆叠