Css用颜色

Question

嘿伙计们我设置一个div来填充整个网络时遇到麻烦X（没有高度，它有30％的宽度，而我想填充网页的其余部分），这是一个例子：< / p>

http://gyazo.com/a074f0c6f86dc2a001aba53c672da03c，左侧的div是我想用该颜色垂直填充网页的那个。

Answer 1

也许以下内容可能会让您开始朝着正确的方向前进。

在此示例中，为html和body标记设置高度为100％，然后为左侧面板/ div设置100％。

我浮动了两个div以获得两列，但还有其他方法可以创建两列布局。

html, body {
  height: 100%;
  margin: 0;
}
.left {
  float: left;
  background-color: beige;
  width: 30%;
  height: 100%;
}
.right {
  float: left;
}

<div class="left">The left panel.</div>
<div class="right">The right panel.</div>

Answer 2

您可以使用flexbox。

html, body { height: 100%; }

body {
    display: flex;
    flex-direction: row;
    margin: 0;
}

.left {
    background: #00C5FA;
    margin-right: 2%;
    width: 30%;
}


<div class="left block">Hi hi hi!</div>
<div class="right block">Goodbye goodbye!</div>

jsfiddle：http://jsfiddle.net/274t6w06/