DIV在調整瀏覽器大小時轉到另一行

Question

我有一個主div，裏面有兩個div，兩個左對齊。

出於某種原因（或財產），當我拖動我的Firefox的權利，使瀏覽器變小，第二個div進入第二行。

我想這個div留在第一行，而不是跳下去。 我該怎麼做？

我假設溢出屬性？

Answer 1

發生這種情況是因爲沒有足夠的水平空間讓您的div並排顯示。

如果你的兩個內部div有固定的寬度，你需要確保你的外部div有固定的寬度。

你有鏈接到你在說什麼？

Answer 2

這是一個浮動元素的屬性（特別好）。您應該能夠通過指定style="width:[NUM]%;"來解決問題，而不是使用固定寬度。

Imho，如果固定寬度與父元素相比特別小，則固定寬度實際上只能與可擴展網站混合使用，否則將不再適用其他內容。

Answer 3

我有同樣的問題，你可以用不同的方式修復它： 1.不要讓第二個內部div（最右邊的一個）「浮動」 2.給內部div的最小寬度所以當瀏覽器尺寸變得太小時，第二個div將不適合，因此它不會「浮動」到另一個下面。對於我來說，理解浮動屬性的關鍵（假設我真的理解它......））是要理解設置div浮動並且不給它任何寬度，「縮小」它的寬度到內容而不是像橫幅那樣佔據整個空間。然後，浮動意味着它將盡最大努力在給定的寬度/高度約束和可用空間的情況下「保持可見」。