入門到左浮動一個div時內的另一個DIV

我想現在的位置是在這個例子中的底部較大DIV右邊的格。他們都在左邊漂移，但第二個div不會位於較大的旁邊。

我猜這是與尺寸有關，當我使它變小它的工作原理。

此圖片顯示了我的意思

enter image description here

較大的寬度爲60％，較小的寬度爲40％。如果你沒有填充，這將是很好的（也是完美的），但你確實是這樣。你必須考慮填充因素，因爲它使元素變寬，這意味着它們加起來超過100％，所以不會並排坐在一起。（你可以測試這個60％= 50％，它會適合） – Andy

線索，我的朋友是在這裏，由你寫的這一行：*我猜測這是關於尺寸和什麼時候我讓它變小它的作用。* – George

當然!!!多麼愚蠢。謝謝安迪。 – joshuahornby10

那麼你已經回答了這個問題，在div的大小無關緊要。如果相鄰的div尺寸總和大於包含它們的方框的可用寬度，它將會級聯下來。如果你仍然希望他們在同一行，你將不得不給予overflow-x

2013-01-21 16:33:36 ch4nd4n

你遇到的問題是，現實中的兩個寬度超過100％的頁面寬度，因爲你有寬度的填充。填充不包含在您爲各部分指定的60%和40%寬度中，因此浮動超過100％，因此第二個元素已被按下。

我做了一次退出編輯，將您的CSS從0123％改成.grid-1-2從60％改爲50％，這就解決了這個問題。

.grid-1-2 { 
    width: 50%; 
}

2013-01-21 16:34:14 Charles

回答