irpas技术客

css 子元素设置浮动父元素高度没有解决办法_momo_mom177

网络 2552

现在布局很少用到float了,基本都是用的flex布局,之前一直都是用的设置父元素高度,其实这样不太行,最近看到一个关于这个的问题,就整理一下

1.父元素设置overflow: hidden;

2.父元素设置float: left/right;width: 100%;后面的元素加clear:both;

3.在子元素的最后加一个空元素: clear: both;

4.父元素的尾元素::after设置clear: both;

.header::after { content: ""; clear: both; /* display: table; */ display: block; height: 0; }


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #CSS