在css样式声明过程,很多前端新手往往会遇到子元素撑不开父级元素的情况,那么遇到这种问题如何解决呢?
先分析造成这种情况的原因是什么:
比如:一个网页头部<header>作为头部外部容器,内部nav导航或者div容器设置了float浮动样式,如果内部容器结束没有clear浮动,作为父级的外部容器就不会被撑开,那么如何解决呢
解决办法:在添加浮动的内部元素后添加如下代码,比如
- .clearblank:after {
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
- }