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

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

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

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

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

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

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

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

    那么我只需要写上:

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

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

    相关文章

      网友评论

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

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