CSS盒子模式詳解三

　　大家好,我是float,歡迎訪問CSS家族,在CSS家族中,在當今CSS排版流行的年代,我可扮演著重要的角色哦。因為我的工作對網頁設計人員很有用，就像之前align協助你們定位網頁元素一樣重要，但是我的功能似乎比align強多了。接下來我將現場給你示範我的絕活，看細心點哦。當然也許我一下子不能把我所有的技巧給大家示範，因為有些技巧本人也許一下子記不起來了，那就請那些對我比較瞭解的人來幫我補充補充囉，比如版主等等啊。

　　先講一下我主要的工作，我主要是協助對像在網頁中對齊的，一旦我發出float:left或float:right命令，被我浮動的對像就會向左或向右移動直到遇到邊框( border) 、填充( padding） 、邊界( margin ）或者另一個塊對象的邊緣為止，當然也有一些看起來較特殊的情況，比如被我浮動的元素設定了一個負邊界（margin）的時候。我還可以讓文字流環繞在被我浮動的對像周圍,這也是我的特色。另外要注意的一點是，最好給浮動物件設定一下寬度，不然會出現一些意想不到的麻煩。我主要浮動類型有兩種,它們是float:left和float:right,當然我還有一個功能是float:none,不過float:none比較少用，這也是我的預設值，有時也是很有用的，我等一下會講的。下面我開始表演了,我的舞台可以是IE(Internet Explorer),或者FF(Firefox),但是有些技巧我一定要在標準的舞台中,如FF中才能表出來做的,請注意看我的說明,不然你用IE是看不到效果的。

　　1.我不動聲色（我的屬性不設定的時候），即：float:none,或者樣式中不寫這一項時，網頁中的元素將按照它們自身的出現方式排列，一般是靠邊對齊，先出現的排在前邊,下面運行框是DIV先出現，P後出現，所以P排在DIV後面，注意看DIV的右邊還有很多空間，但是P的文字不會跟在它的右邊去。

[1] [2] [3]  下一頁