浮動和盒狀模型定位是CSS重點和難點浮動，就是讓div樣式層塊，向左或向右靠浮動Floatleft 靠左浮動Floatright 靠右浮動clearboth清除浮動，簡單舉例如下CSS樣式如下box1 floatleft width200px；Clear屬性在HTML5中是用來控制塊級元素如何應(yīng)對浮動元素的它決定了哪些浮動元素可以出現(xiàn)在塊級元素之前該屬性有四個值leftright和both，分別表示不受浮動影響僅受左側(cè)浮動影響僅受右側(cè)浮動影響，或者受兩側(cè)的。

清除浮動并不是指清除浮動元素本身的浮動，而是在浮動元素的外面前面或后面進行清除，也就是清除浮動元素對其他后續(xù)元素的影響浮動元素相當于漂浮在空中，那么它原來在地面所占用的位置就被收回了，后面的其他元素就會自動；清除浮動，顧名思義就是clearboth，這的確是一種方法，但是要確定我們的clearboth是應(yīng)用在哪里47 我們可以在html頁面上，最后一個浮動元素的后面，添加一個div，并設(shè)置其style為clearboth57 我們還可以為浮動的；這個現(xiàn)象叫浮動溢出，為了防止這個現(xiàn)象的出現(xiàn)而進行的CSS處理，就叫CSS清除浮動清除浮動方法 1使用帶clear屬性的空元素 在浮動元素后使用一個空元素如ltdiv class=quotclearquotltdiv，并在CSS中賦予clearclearb；方法2清除浮動的最大問題是 divcontent 不能設(shè)置 margintop 無效于是就有了外墻隔離法圖片上傳失敗imaged292db3于是就有了新的演變 內(nèi)墻元素隔離法把元素放在外面， 影響 HTML 結(jié)構(gòu)于是。

一浮動說浮動就必須提及一下文檔流，HTML當中的元素按照從左到右，從上到下的順序進行排列稱之為文檔流，也就是正常排列而浮動是什么呢浮動會讓元素脫離文檔流，假如A元素浮動了，原本排在該元素之后的元素發(fā)現(xiàn)A元素；清除浮動有幾個方法，在css中去設(shè)置樣式或者設(shè)置父級div就可以第一種結(jié)尾處加空div標簽 clearboth 第二種父級div定義高度第三種父級div定義 overflowhidden 第四種父級div定義 overflowauto；clearboth 在css里是清除左右兩邊浮動的意思如果前面的DIV盒子里用到了浮動，那么在編寫下一個DIV盒子之前，應(yīng)該在前面加上ltdiv style=quotclearbothquotltdiv，這樣才能清除掉前面DIV盒子浮動帶來的影響clear屬性值lef。

你說的是clearboth這個樣式 clearboth的理解在CSS中我們會經(jīng)常要用到“清除浮動”Clear，比較典型的就是clearbothCSS手冊上是這樣說明的該屬性的值指出了不允許有浮動對象的邊這個屬性是用來控制float屬性在文檔流的；清除浮動的，浮動就是你給html元素加了float樣式后，那么這個元素在文檔中是不占文檔流的那樣下面的元素就可能跑到你浮動元素的位置，這樣文檔排版會亂掉clear的意思就是不靠近浮動元素的樣子了這種情況下往往需要像你；不清除浮動的話，浮動層后面的非浮動內(nèi)容就有可能被浮動層所覆蓋，造成版面錯亂，所以必須清除浮動除非浮動層所在的位置是有固定的高度的，也就是說不管是否浮動它所占用的區(qū)域都不變，這樣就無需清除比如ltdiv lt；剛學習了浮動，這里整理一下清除浮動的方法偽元素清除浮動是偽元素的用途之一，這是清除浮動的一個相對比較好的方法，可以減少無意義的標簽，使得html盡量簡單可以在浮動元素的容器內(nèi)增加一個class類，比如說取名為clearfix；2利用偽元素clearfix來清除浮動 給父級元素添加了一個after偽元素，通過清除偽元素的浮動，達到撐起父元素高度的目的 clearfixafter display blockclear bothcontent quotquotvisibility hiddenheight 0。

float就是讓這個元素脫離文檔流，浮動是在他們前面的最后一個塊元素之后直接被顯示出來5 htm 這兩個講的很詳細了；給footer清除浮動，是為了清除它前面的浮動元素所造成的后續(xù)影響，否則的話，它就可能會“鉆”到浮動元素的下面去，被浮動元素遮擋住而給浮動元素清除浮動那就沒啥意義了，清除了那它還能叫浮動元素嗎多嘴再說一句浮動。