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>

div 拉伸到指定宽度

div stretching to specified width

html

css

width