如果父级和子级都加了浮动会有什么现象?

      在WEB前端当中,如果针对元素进行了浮动的设置,则该元素会脱离文档流而存在,会引起父级元素的塌陷,同时会对同一级别的元素造成布局上的影响。

     但是,当为父级元素也设置了浮动之后,父级元素也脱离文档流,父级元素和子级元素都属于浮动元素,此时,父级元素高度塌陷的问题反而会被解决(即:另一个元素的父级元素浮动,是针对该子级元素清浮动的一种方法),但是由于父级元素发生浮动,父级元素的兄弟级元素以及父级元素的父级元素,依旧会受到布局的影响。

     如果是清除浮动,可以使用多种方法来实现,最为推荐的其实是after伪元素清浮动,会更好用,也是当前WEB前端开发当中最为主流的一种清除浮动方法

猜你喜欢

转载自blog.csdn.net/x1037490413/article/details/108637516