在利用浮动进行布局时,不免会遇到一些问题。例如,当一个元素的所有子元素都浮动时,该元素的高度会变为零,这将破坏整体布局或导致该元素的背景不能正常显示。
解决办法:
设置父元素的 :after 伪类
.f-clear:after{ display: block; visibility: hidden; height: 0; font-size: 0; content:"."; clear: both; }
在利用浮动进行布局时,不免会遇到一些问题。例如,当一个元素的所有子元素都浮动时,该元素的高度会变为零,这将破坏整体布局或导致该元素的背景不能正常显示。
解决办法:
设置父元素的 :after 伪类
.f-clear:after{ display: block; visibility: hidden; height: 0; font-size: 0; content:"."; clear: both; }
转载于:https://www.cnblogs.com/jeanchueng/p/5623407.html