float和clear都是布局的屬性
float
取值：none : 預設值。物件不飄浮
left : 文字流向物件的右邊
right : 文字流向物件的左邊
說明：該屬性的值指出了物件是否及如何浮動。請參閱 clear 屬性。
當該屬性不等於 none 引起物件浮動時，物件將被視作塊物件( block-level )，即 display 屬性等於 block 。也就是說，浮動物件的 display 屬性將被忽略。
跟隨浮動物件的物件將移動到浮動物件的位置（這兩個屬性總是結合考慮1.float樣式元素2.float樣式元素的下面乙個元素 跟其他元素無關）。浮動物件會向左或向右移動直到遇到邊框( border 、內補丁( padding 、外補丁( margin 或者另乙個塊物件( block-level )為止。
在ie5+中， div 和 span 物件假如沒有指定寬度會被分配預設的寬度，而在此前的瀏覽器版本中則必須指定寬度值才可以呈遞此屬性。
此屬性對於 currentstyle 物件而言是唯讀的。對於其他物件而言是可讀寫的。
對應的指令碼特性為 stylefloat 。
clear
取值：none : 預設值。允許兩邊都可以有浮動物件
left : 不允許左邊有浮動物件
right : 不允許右邊有浮動物件
both : 不允許有浮動物件
說明：該屬性的值指出了不允許有浮動物件的邊。請參閱 float 屬性。
此屬性對於 currentstyle 物件而言是唯讀的。對於其他物件而言是可讀寫的。
對應的指令碼特性為 clear 。
這個是clear的：（css手冊上面的例子）
執行**
複製**
另存**
我的id是iddiv2。請選擇我的float屬性的值。
我的id是iddiv1。請從下方的第乙個選擇框內選擇我的clear屬性的值。從第二個選擇框內選擇iddiv2的float屬性的值。
---clear---
none
left
right
both
---float---
none
left
right
#iddiv1
#iddiv2
float布局打破標準流,神助攻clear清浮動
布局是什麼？根據功能劃分小塊，再根據設計稿還原，書寫靜態頁面，然後再在塊裡面填充內容，完善功能，js施加互動效果。div作為乙個容器，獨佔一行，書寫習慣從上至下屬於標準流，而浮動float的css樣式則打破div 標準流 獨佔一行的傳統！具體 展示如下 1 doctype html 2 html l...
css中float和clear屬性
在做網頁的時候經常會用到這個屬性，使得我們的網頁更加靈活，不至於那麼死板，但是對於初學者而言，他們又不是那麼好理解的，那麼，今天我就來說說我對這兩個屬性的理解。用float屬性時會使元素脫離正常文件流，什麼意思呢，就是讓元素飄起來，自然，地面上發生的任何事都不會與之相關，所以說，如果該元素浮動之前下...
理解css中的float和clear
css浮動 float,clear 通俗講解 1.假如某個div元素a是浮動的，如果a元素上乙個元素也是浮動的，那麼a元素會跟隨在上乙個元素的後邊 如果一行放不下這兩個元素，那麼a元素會被擠到下一行 如果a元素上乙個元素是標準流中的元素，那麼a的相對垂直位置不會改變，也就是說a的頂部總是和上乙個元素...