欢迎来到覃师宁博客!
帝国cms使用手册

子元素撑不开父级元素解决办法

编辑:覃师宁来源:qinshining.com时间:2021-01-10 15:45:39阅读量:

css样式声明过程,很多前端新手往往会遇到子元素撑不开父级元素的情况,那么遇到这种问题如何解决呢?

先分析造成这种情况的原因是什么:

比如:一个网页头部<header>作为头部外部容器,内部nav导航或者div容器设置了float浮动样式,如果内部容器结束没有clear浮动,作为父级的外部容器就不会被撑开,那么如何解决呢

解决办法:在添加浮动的内部元素后添加如下代码,比如

  • .clearblank:after {
  •     content: ".";
  •     display: block;
  •     height: 0;
  •     clear: both;
  •     visibility: hidden;
  • }
很赞哦!(

相关文章

更多回答

发表评论共有条评论
用户名:密码:
验证码:匿名发表
网创邦微信公众号