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>元素？如果是这样，这应该可以解决您的问题：

＆＃13;

.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;
}

＆＃13;

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

＆＃13;

div拉伸到指定的宽度

1 个答案: