div伸展到指定的寬度

-1

我試圖創建一個2頁的列，但我的div不伸展到我指定的寬度，我不明白爲什麼。我已經鏈接了我的代碼jsfiddle。div伸展到指定的寬度

代碼在這裏：

.container{ 
 
\t width: 960px; 
 
\t background-color: grey; 
 
\t margin: 0px auto 0px auto; 
 
} 
 

 
.column1{ 
 
\t background-color: red; 
 
\t display: inline; 
 
\t width: 480px; 
 
} 
 

 
.column2{ 
 
    width: 480px; 
 
\t background-color: yellow; 
 
\t display: inline; 
 

 
}

<body> 
 
    <div class="container"> 
 
    \t <div class="column1">a</div> 
 
    <div class="column2">b</div> 
 
    </div> 
 
    </body>

來源

2016-09-28 user6004404

嘗試inline-block的，而不是內聯 –

而不是試圖迴避張貼在你的問題中的代碼示例**的SO規則**通過突出顯示作爲代碼的詞語，爲什麼不按照你的要求去做？您看到了大紅色的警告框，但選擇忽略它。爲什麼？ – j08691

更改顯示屬性以阻止並將兩個div都浮動到左側..https：//jsfiddle.net/atsnoe7z/4/ –

我假設你想創建一個被放置在頁面的左側和右側2個<div>元素？如果是的話，這應該解決您的問題：

.container{ 
 
    width: 960px; 
 
    background-color: grey; 
 
    margin: 0px auto 0px auto; 
 
} 
 

 
.column1{ 
 
    width: 50%; 
 
    background-color: red; 
 
    float: left; 
 
} 
 

 
.column2{ 
 
    width: 50%; 
 
    background-color: yellow; 
 
    float: left; 
 
}

<body> 
 
    <div class="container"> 
 
    <div class="column1">a</div> 
 
    <div class="column2">b</div> 
 
    </div> 
 
</body>

來源

2016-09-28 13:57:12 Roy123

div伸展到指定的寬度

回答

相關問題