CSS float详解 -- 一些问题记录

1. float被设计出来的初衷是为了实现文字环绕效果。

2. 被设置了float的元素会自动成为块级元素,display的表现形式为“block”,自动脱离文档流。并且其父元素的会发生塌陷,即高度为0。

3. 一排设置了float:left的元素,当第一行没有足够的空间时,元素会从右向左开始,如果第一列右边第一个元素的高度最小,则元素会排列在右一的下方,如果右二比右一的高度小,那么元素会排在右二下方,以此类推。

4. 第二行元素的垂直位置受到上一行高度最高的元素影响。换个说法就是,第二行的位置以上一行高度最大的元素为准平行排列。

5. clear 属性规定元素的哪一侧不允许其他浮动元素。设置clear属性的元素只会影响它本身,而不是它旁边的元素。例如:块1与块2 均为 float:left ,两个块水平紧挨着排列,想让块2去下一行,应该设置块1的clear属性值为:clear:right。

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

推荐阅读更多精彩内容

  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 5,542评论 0 6
  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 4,897评论 0 0
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 5,345评论 0 5
  • CSS 指层叠样式表(Cascading Style Sheets),是一种用来为结构化文档(如 HTML 文档或...
    神齐阅读 6,394评论 0 14
  • float属性是CSS常用的一个属性,应用场景广泛,同时也是一个难点,涉及到一些相关细节及注意点。因此,就特别整理...
    Ruheng阅读 5,939评论 1 17