一、浮动模型
元素默认是static的，不能浮动，但可以用CSS样式设置为浮动
浮动模型只有两个值 float:left 和 float:right ，可以让块状元素同行显示
二、层模型
top/bottom/left/right是层模型的值，即是绝对定位、相对定位和固定定位的值
<!--不要和浮动模型搞混了，这四个值不要用到float上去了-->
三、水平居中
设置浮动和相对定位的水平居中的原理是：
先让父元素float到最左端，然后为其设置相对定位，右移50%；再为子元素设置相对定位，相对父元素左移50%，最终实现居中。
四、绝对定位和相对定位的组合使用
作用：实现元素相对于前辈元素移动
方法：
1. 前辈元素加入相对定位 position:relative
2. 后辈元素加入绝对定位 position:absolute ，然后用top/bottom/left/right实现相对于前辈元素的移动
五、相对定位
相对于以前的位置进行定位/移动
六、绝对定位
相对于最接近其的含有定位属性的父包含块进行移动
元素的默认定位属性是static，是静止的，不属于含有定位属性
具有定位属性是指要给元素设置除position:static外的其他定位属性，如绝对、相对、固定定位等
时间： 2024-08-11 07:47:13