避免不必要的float

2021-06-23 05:07:41 字數 1060 閱讀 2523

float中文翻譯為浮動,很形象的翻譯,在css很常用,當你需要吧兩個塊級元素定排放在同一高度上經常會用到float,先看一下float的 屬性。

先看一下float可能的值:

float:left-元素向左浮動

float:right-元素向右浮動

float:none-不浮動

float:inherit-從父類的float屬性繼承

既然說道浮動,那麼就有必要提一下浮動的清理,因為如果乙個元素的float一旦被設定後將影響其左右的元素。當我們不需要浮動時應該即時清理。清 理浮動使用clear。clear的屬性和float相當,只是多了乙個屬性

clear:left/right/inherit/none (清理浮動、不浮動、以及繼承清理的屬性)

clear:both-清理所有浮動

上面,簡單的對浮動與清理浮動做了乙個解釋,浮動在實際應用種是非常廣泛的,但也有很多地方不應該使用float,或者我們有更好的方法來解決。看 那些地方我們有更好的辦法來解決。

1、無序鏈結,經常可以看到一些**的關鍵字鏈結,或者產品關鍵字,已經分類等部分會用到比 較短的鏈結混亂排列,有些人使用配合float來做鏈結,我想這個是完全沒有必要的,你可以設 定標籤的display:inline,吧設定為線級元素來達到混排的效果,不需要使用float。甚至這樣的 鏈結完全可以由這樣的標籤來代替,豈不是更簡潔?

3、多列不規則布局,我們經常要用到3列布局,這種布局由於規則,但是為了美觀,我們必須定義3列的總寬度,但是根據css中浮動的總寬必 須<99%的父標籤寬度,否則經常會在某些瀏覽器下面出錯,但是99%的寬在寬屏顯示器下面很明顯會出現10px以上的錯位,所以這是乙個很鬱悶的 問題,其實在碰到這類問題時我們應該有限使用position定位來解決問題,而不是浮動,這個問題在這裡就不多說了,下面會有一篇關於定位的詳細文章。

總結一下,css下面的浮動,雖然很是常用,但是我們要堅持幾條原則,能有更好的解決辦法(display,position)的時候我們堅決使用 float,同一高度的浮動總寬度(包括margin,padding)應該小於等於(<)父元素的寬度,記住是小於,而不是等於,如果是等於可能 你會在別的瀏覽器上看到你不想看到的結果。

避免不必要的物件

一般來說,最好能重用物件而不是在每次需要的時候就建立乙個相同功能的新物件。重用方式既快速,又流行。如果物件是不可變的,它就始終可以被重用。最為乙個極端的反面例子,考慮下面的語句 string s new string string don t do this 該語句每次被執行的時候都建立乙個新的st...

避免建立不必要的物件

下面是乙個比較微妙也比較常見的反面的例子,其中涉及可變的date物件,他們的值一旦計算出來之後就不再變化。這個類建立了乙個模型 其中有乙個人,並有乙個isbabyboomer方法,用來檢驗這個人是否為乙個babyboomer,換句話說,就是檢驗這個人是否出生於1946年至1964年之間。public...

建議 避免建立不必要的物件。

一般來說,最好能重用物件而不是在每次需要的時候就建立乙個相同功能的新物件。重用方式既快速,又流行。如果物件時不可變的 immutable 它就始終可以被重用。作為乙個極端的反面例子,考慮下面的語句 string s new string stringette don t do this 該語句每次被...