1、( 推荐学习：CSS教程 )请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。
成都创新互联成都网站建设按需开发，是成都网站建设公司,为公路钻孔机提供网站建设服务,有成熟的网站定制合作流程，提供网站定制设计服务：原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站推广热线：13518219792
2、DOCTYPE html Title .content{ display：-webkit-flex； display：flex；} /*Flex布局*/ /*注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。
3、CSS中li设置左浮动后，li下面的a控制位置方式为：li a{margin-left：20px； margin-top：12px；display：block；width：20px；} 详情：a标签写样式时要加display：block；属性，这样a标签就显示一行了。
我们在CSS 中很多时候会用到浮动来布局。常见的有 float：left 或者 float：right 。
学习CSS弹性布局之后，仍建议了解和掌握浮动和定位。虽然弹性布局可以在大多数情况下取代浮动和定位，但它们仍然有其独特的用例和好处。- **浮动**：浮动元素在页面上移动到左侧或右侧，并允许其他元素在其旁边或下方浮动。
方法一：float+margin 思路：左边浮动，右边加上一个margin-left值，即可实现左边固定，右边自适应布局。
CSS里给一个DIV加上浮动以后，下面的DIV就把它覆盖是设置错误造成的，解决方法为：新建一个html文件，命名为test.html。在test.html文件内，创建两个div，分别为“第一层”和“第二层”。
如果3个div上下排列，第三个div加上float：right；的话，第三个div只是浮动到页面右面，不到到任何div下面。你浮动的是div，自然里面的文字不会浮动了。
div覆盖着另一个div，是因为其中一个或者两个脱离了文档流。
absolute是浮动层，浮动层位于普通层之上，所以K3没有浮动时会被K2盖住。
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
你这段css在每个浏览器中解释不同，一个浮动div和一个不浮动div 在ie中浮动div是占位置的，有些浏览器则不占。改成这样就好了。
1、clear：both；这种方法有一个问题：margin失效。
2、第一种方式： 因为浮动框不在普通的文档流中，所以它不占据空间。
3、边框不能撑开如上图中，如果父级设置了CSS边框属性（css border），由于子级里使用了float属性，产生浮动，父级不能被撑开，导致边框不能随内容而被撑开。
4、浮动、定位、overflow、dispaly、table、table-cell都可以触发bfc。清除浮动： --就是让当前元素左右两边都不存在浮动元素的时候，才把元素放在标准流中显示。 --清除浮动的四种方式： 使用空标记清除浮动，隔墙放。
5、在css标签内，再设置类名为ff的样式，设置其高宽都为100px，背景颜色为红色，使用position定位属性设置div在页面的绝对位置，距离页面顶部为20px，距离页面左边为0px，从而实现div悬浮在页面中。
