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

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

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

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

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