css田字格佈局

這是在學習的時候突然忘了怎麼寫的，網上百度了一下，爲了下次再忘記，我直接把文章複製過來 思考爲什麼四個方塊是由上到下排列的，而不是藍色在紅色的右邊，綠色在藍色的右邊，灰色在綠色的右邊，上面說過了，因爲它們是沒有float屬性的div，要獨佔一行。   接下來想讓藍色的快在紅色的右邊，那麼需要給紅色加上float:left屬性，藍色的塊也加上float:left屬性，代碼是這樣的：   <!DOCT

>>阅读原文<<