父元素如何围住浮动子元素

                 父元素如何围住浮动子元素

bug出现:父元素如何围住浮动子元素(当元素使用float属性,将脱离文档流,因此父元素便不会包围它。

 

其中一种解决方式:添加非浮动的清除元素

?  第三种方法是给父元素最后添加一个非浮动的子元素,然后清除该子元素。由于父元素一定会包含非浮动的子元素,

通过把这个子元素放在浮动元素的下方,就可以保证父元素一定会包住这个元素,同时也会包住前面的浮动元素。

 

举例子:

li全浮动-》bug:父元素如何围住浮动子元素

案例:就是li是浮动的,结构ul放的nav容器(父容器),直接被挤到上面,而不是被li的大小撑大!

解决:nav里边需要在搞一个div块,什么都不放,但是设置它的属性是clear:both;

父元素如何围住浮动子元素

 

参考文章:https://www.itdaan.com/blog/2018/10/04/10f224e2497531561836951e8fa0ae96.html 

                《父元素如何围住浮动子元素

 

父元素如何围住浮动子元素

上一篇:12.2 笔记


下一篇:java - 流程控制