2015-08-21 36 views
0

我想四個div內的包裝div將優化所有決議。 這裏是我想要的一個例子:對齊四個正方形兩個兩個

enter image description here

這可能是一個非常新手的問題,但我不能得到這個固定的,並就所有決議案的工作,感謝你的時間到讀我的問題。

+0

那你試試,你有多遠,你卡在哪裏? –

+0

你意味着你確實已經爲_some_分辨率工作,所以讓我們從這裏開始。 –

+2

*您對所有分辨率*進行優化意味着什麼?這些只是四個矩形。沒有任何內容,沒有什麼可以優化的。 – Cheslab

回答

0

您可以只浮動兩個div,寬度爲50%。我還更改了框的大小以包含邊框,以便我可以放入邊框以向您顯示框的位置。

你可以看到這裏的代碼:http://jsfiddle.net/njy8925n/

width:50%; 
float:left; 
box-sizing:border-box; 

編輯:如果你希望自己的高度等於它們的寬度,那麼這將是一個有點麻煩......