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

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

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

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

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

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

那么我只需要写上:

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇文章极好,以至于让我受益良多,就一字没有改动的转发过来一丝冰凉老师的文章 需要注意的是,display:tab...
    新晋小牛牛阅读 4,685评论 0 2
  • 1. 默认的内外边距不同 问题: 各个浏览器默认的内外边距不同 解决: *{margin:0;padding:0;...
    jslxm阅读 4,278评论 0 2
  • 浏览器兼容问题: 一、从浏览器内核的角度 来看,浏览器兼容性问题可分为以下三类:1. 渲染相关:和样式相关的问题,...
    小凤年阅读 3,452评论 0 0
  • float即为浮动,在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。下面解释...
    湖衣阅读 4,057评论 0 0
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,380评论 0 7