css浮动(float)详解

浮动详解 一、什么是浮动? 浮动,顾名思义,就是漂浮的意思。指的是一个元素脱离文档流,悬浮在父元素之上的现象。 二、如何产生浮动? 给元素本身添加float属性 float: 值 作用 left 元素向左浮动 right 元素向右浮动 none 默认值。元素不浮动,并会显示在其在文本中出现的位置 inherit 规定应该从父元素继承 float 属性的值 三、浮动有什么作用? 作用: 在html文档流中,分为行元素、块元素和行内块元素,行元素和行内块元素都是以横向排列的,而块元素则是以流的形式从上往下排列的,当我们想使块元素横向排列时,就用到了我们的浮动(flo