- 博客(3)
- 收藏
- 关注
转载 绝对定位
绝对定位时,元素会脱离标准文档流;没有设置偏移量:无论是否存在已定位的祖先元素,都保持在元素初始位置;设置了偏移量:又分两种情况(A.无已定位的祖先元素 B.有已定位的祖先元素)A.无已定位的祖先元素:它会以根节点()为偏移参照基准;B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准;
2016-09-19 11:30:01
279
原创 相对定位
相对定位:1.相对于自身原有位置偏移 2.不会脱离文档流。 .box1{width:50px;height:50px;background-color: gray} .box2{width:50px;height:50px;background-color: red;} .box3{width:50px;height:50px;background-color
2016-09-19 11:07:55
322
原创 float和position:absolute脱离文本流的区别
文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,块状元素独占一行,内联元素不独占一行;CSS中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。 需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。 而对于使用absolute p
2016-09-19 10:43:05
6283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人