2014-05-16 74 views
1

假設您有Div(id="toolbar"),並且在該工具欄中您有一個包含2個按鈕的Div(id="ButtonHolder")。如果你將#ButtonHolder浮動到右邊,並且沒有設置明確的寬度,那麼這個猶太教?你真的需要浮動元素的寬度嗎?

我讀過堆棧溢出,你應該總是設置一個浮動元素的寬度。從保存到應用,按鈕文字可能會發生變化,我不想每次都調整#ButtonHolder的寬度。

我曾考慮將#ButtonHolder的寬度設置爲auto,但瀏覽器在默認情況下會這樣做,因此似乎沒有必要將寬度設置爲自動。我擔心瀏覽器可能不會總是以我認爲應該的方式漂浮#ButtonHolder

+0

你可以給鏈接到源代碼的答案? – Halcyon

+0

「我讀過堆棧溢出,你應該總是在浮動元素上設置寬度」 - 這根本不對。 – Axel

+0

您可以使用具有固定寬度的浮動容器並在文本中對齊您的按鈕。所以容器的寬度保持不變,沒有跳動的效果。它與固定寬度按鈕相同,以避免切換它們的跳躍效果。 –

回答

0

從「保存」到「應用」的變化不會佔用太多空間,說實話。

原則上,你應該始終設置一個寬度 - 如果你不這樣做,那麼說你有按鈕float:left;和另一個<div>float:right;。如果你沒有設置寬度,他們不會佔據整個屏幕寬度,所以你放在下面的任何元素都將嘗試將自己置於兩者之間的差距。

對於這種特定場景來說,爲了防止所描述的效果,具有100%寬度的容器元素也是一個好主意。

0

floatposition通常會帶來成本。您應該嘗試首先找到其他方法在佈局中定位元素。您可以應考慮其他選項,如marginpaddingdisplay: inline-block;text-align ...等

我會推薦閱讀this

直接回答你的問題。浮動的設置寬度不是寫在石頭上,但不這樣做,通常意味着以後的麻煩。至少從我個人的角度來看。

相關問題