12-26

今天主要学习了这三大内容
高度塌陷
当浮动脱离文档流后,就会产生一些不好的效果,高度塌陷就是这么一个问题,它会导致文档流中父元素的兄弟元素,从后面顶上来,页面就会显示错误,可以用BFC来解决这个问题,当开启了
BFC后,父元素子元素的外边距不再重叠
也不会再被浮动元素覆盖
还可以包含住浮动元素
以上也算是BFC的功能

相对定位
每一个页面在文档流中都有一个自然位置,相对于这个位置对元素进行移动就叫相对定位,周围的元素完全不受此影响,当把position属性设置为relative时,则开启了元素的相对定位,当开启了相对定位以后,可以使用top,right,bottom,left四个属性对元素进行定位
特点:
如果不设置元素的偏移量,元素位置不会发生改变
相对定位不会使元素脱离文本流,元素在文本流中的位置也不会改变
相对定位也不会改变元素原来的特性
相对定位会使元素的层级提升,使元素可以覆盖文本流中的元素

猜你喜欢

转载自blog.csdn.net/weixin_43143740/article/details/85269365