div 拉伸到指定宽度

Question

我试图创建一个 2 页的列，但我的 div 没有伸展到我指定的宽度，我不明白为什么。 我已经为我的代码链接了 jsfiddle。

代码在这里：

 .container{ width: 960px; background-color: grey; margin: 0px auto 0px auto; } .column1{ background-color: red; display: inline; width: 480px; } .column2{ width: 480px; background-color: yellow; display: inline; }

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

Answer 1

我假设您正在尝试创建 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>