Question

我在html文档中有2个div id，每个都有不同的背景颜色。我需要让每个人占据页面的一半。因此，一半的页面将是一种颜色，另一半将是另一种颜色。

Answer 1

JsFiddle - 半垂直

JsFiddle - 半横向

在你的css中执行此操作：

html,body{
  margin:0;
  padding:0;
  height:100%;
  width:100%;
}

#div_one{
  height:100%; /*50 for other way */
  width:50%; /*100 for other way */
  background:#f00;
  float:left; /*or display:inline-block; */
}

#div_two{
  height:100%; /*50 for other way */
  width:50%; /*100 for other way */
  background:#00f;
  float:left; /*or display:inline-block;*/
}

然后在你的html：

<div id="div_one"></div>
<div id="div_two"></div>

2个div需要占用半页

1 个答案: