浮动和盒状模型定位是CSS重点和难点浮动，就是让div样式层块，向左或向右靠浮动Floatleft 靠左浮动Floatright 靠右浮动clearboth清除浮动，简单举例如下CSS样式如下box1 floatleft width200px；Clear属性在HTML5中是用来控制块级元素如何应对浮动元素的它决定了哪些浮动元素可以出现在块级元素之前该属性有四个值leftright和both，分别表示不受浮动影响仅受左侧浮动影响仅受右侧浮动影响，或者受两侧的。

清除浮动并不是指清除浮动元素本身的浮动，而是在浮动元素的外面前面或后面进行清除，也就是清除浮动元素对其他后续元素的影响浮动元素相当于漂浮在空中，那么它原来在地面所占用的位置就被收回了，后面的其他元素就会自动；清除浮动，顾名思义就是clearboth，这的确是一种方法，但是要确定我们的clearboth是应用在哪里47 我们可以在html页面上，最后一个浮动元素的后面，添加一个div，并设置其style为clearboth57 我们还可以为浮动的；这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动清除浮动方法 1使用带clear属性的空元素 在浮动元素后使用一个空元素如ltdiv class=quotclearquotltdiv，并在CSS中赋予clearclearb；方法2清除浮动的最大问题是 divcontent 不能设置 margintop 无效于是就有了外墙隔离法图片上传失败imaged292db3于是就有了新的演变 内墙元素隔离法把元素放在外面， 影响 HTML 结构于是。

一浮动说浮动就必须提及一下文档流，HTML当中的元素按照从左到右，从上到下的顺序进行排列称之为文档流，也就是正常排列而浮动是什么呢浮动会让元素脱离文档流，假如A元素浮动了，原本排在该元素之后的元素发现A元素；清除浮动有几个方法，在css中去设置样式或者设置父级div就可以第一种结尾处加空div标签 clearboth 第二种父级div定义高度第三种父级div定义 overflowhidden 第四种父级div定义 overflowauto；clearboth 在css里是清除左右两边浮动的意思如果前面的DIV盒子里用到了浮动，那么在编写下一个DIV盒子之前，应该在前面加上ltdiv style=quotclearbothquotltdiv，这样才能清除掉前面DIV盒子浮动带来的影响clear属性值lef。

你说的是clearboth这个样式 clearboth的理解在CSS中我们会经常要用到“清除浮动”Clear，比较典型的就是clearbothCSS手册上是这样说明的该属性的值指出了不允许有浮动对象的边这个属性是用来控制float属性在文档流的；清除浮动的，浮动就是你给html元素加了float样式后，那么这个元素在文档中是不占文档流的那样下面的元素就可能跑到你浮动元素的位置，这样文档排版会乱掉clear的意思就是不靠近浮动元素的样子了这种情况下往往需要像你；不清除浮动的话，浮动层后面的非浮动内容就有可能被浮动层所覆盖，造成版面错乱，所以必须清除浮动除非浮动层所在的位置是有固定的高度的，也就是说不管是否浮动它所占用的区域都不变，这样就无需清除比如ltdiv lt；刚学习了浮动，这里整理一下清除浮动的方法伪元素清除浮动是伪元素的用途之一，这是清除浮动的一个相对比较好的方法，可以减少无意义的标签，使得html尽量简单可以在浮动元素的容器内增加一个class类，比如说取名为clearfix；2利用伪元素clearfix来清除浮动 给父级元素添加了一个after伪元素，通过清除伪元素的浮动，达到撑起父元素高度的目的 clearfixafter display blockclear bothcontent quotquotvisibility hiddenheight 0。

float就是让这个元素脱离文档流，浮动是在他们前面的最后一个块元素之后直接被显示出来5 htm 这两个讲的很详细了；给footer清除浮动，是为了清除它前面的浮动元素所造成的后续影响，否则的话，它就可能会“钻”到浮动元素的下面去，被浮动元素遮挡住而给浮动元素清除浮动那就没啥意义了，清除了那它还能叫浮动元素吗多嘴再说一句浮动。