欢迎访问覃师宁博客!

覃师宁博客

qinshining.com

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

简介 在css样式声明过程,很多前端新手往往会遇到子元素撑不开父级元素的情况,那么遇到这种问题如何解决呢?先分析造成这种情况的原因是什么:比如:一个网页头部<header>作为头部外部容

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

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

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

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

  • .clearblank:after {
  •     content: ".";
  •     display: block;
  •     height: 0;
  •     clear: both;
  •     visibility: hidden;
  • }

文章评论

人参与,共有 0 条评论

为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

微信订阅号