在響應式Web頁面中遇到我的2列問題

Question

我正在嘗試響應Web設計作業。

我們的老師希望我們使用id's來製作欄目，並希望它們的寬度均爲40％，並且它們都爲float:left，並且彼此相鄰。這部分工作正常，但我正在得到這些不存在的巨大白色差距。

我想'與內容作弊'欄與'爲任何人'的創意筆記'列，我找不出任何有用的東西。

您可能需要展開才能看到列和明白我的意思的觀點：

​​。

Answer 1

您總是可以先創建兩列，例如

.left-column { 
    float: left; 
    width: 40%; 
} 

.right-column { 
    float: right; 
    width: 40%; 
} 

然後插入其他列，例如，

<div class="left-column"> 
    <div class="column"></div> 
    <div class="column"></div> 
</div> 

<div class="right-column"> 
    <div class="column"></div> 
    <div class="column"></div> 
</div>