美文网首页
如何让脱离文档流的元素重归父元素的怀抱?

如何让脱离文档流的元素重归父元素的怀抱?

作者: BravoNice | 来源:发表于2020-02-05 20:27 被阅读0次

我们在进行布局的时候,经常会用到float 属性, 比如float:left ,左浮动和float:right;右浮动

但是这个浮动设置好了之后,就会发现元素不受我的父元素控制了。就跑出去了。

Q:那父元素要怎样才能重获控制呢?

A:我们需要给父元素定义一个class,类名是什么并不重要,重要的是这个属性的内容。

比如我给父元素加上一个class名为 ,clearfix

那么我只需要写上:

.clearfix:after{ content:"";   display:block; clear:both }

只要设置这个属性就能实现,清除子元素的浮动效果了。

相关文章

  • 如何让脱离文档流的元素重归父元素的怀抱?

    我们在进行布局的时候,经常会用到float 属性, 比如float:left ,左浮动和float:right;右...

  • 父元素塌陷问题及解决方案

    父元素塌陷 父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度,也就会导致父...

  • 怎么解决网页中的高度崩塌的问题

    产生原因: 父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度,也就会导致父...

  • 浮动与清除浮动

    浮动:使元素脱离文档流,按照指定方向(左右)发生移动,遇到父边界或者相邻的浮动元素停下来,脱离文档流。 文档流:是...

  • 浮动会带来的麻烦事

    解决高度塌陷 父元素在文档流中会默认被子元素撑开 如果此时给子元素添加浮动效果 子元素就会脱离文档流 从而造成父元...

  • CSS浮动和定位

    一、文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流就是元素从左到右,从上到下排列; 元素脱离文档流可...

  • 前端06day

    浮动 display:inlineblock;块元素脱离文档流:,在父元素中浮动起来。宽度占父元素100% 块独占...

  • 高度坍塌

    高度塌陷发生的场景 当父元素的高度由内容撑开,子元素浮动后(脱离文档流)子元素浮动后,父元素识别不了子元素的...

  • 清除浮动

    给父元素设置宽高: 由于浮动后的元素脱离文档流,无法撑起父元素的宽高,可以设置父元素的宽高。 CSS的clear属...

  • 子元素浮动导致父元素脱离文档流

    子元素用了浮动(float:left),父元素会脱离文档流。解决方案:父元素清除浮动。 给父容器增加属性: 1.d...

网友评论

      本文标题:如何让脱离文档流的元素重归父元素的怀抱?

      本文链接:https://www.haomeiwen.com/subject/xilexhtx.html