css - HTML5 CSS 样式问题

Question

无法使我的 div 标签 css 正常工作 有人可以指出我在这里犯的错误吗？试图让一个 div 占据页面的 70%(左，从上到下)，其他两个 div 共享剩余部分。添加颜色只是为了让我看看是否正确但根本没有显示。

#master {
  width: 70%;
  top: 0;
  left: 0;
  background: orange
}

#detail1 {
  top: 0;
  left: 70%;
  background: blue
}

#detail2 {
  top: 50%;
  left: 70%;
  background: green
}

<header>
</header>

<div id="master"></div>
<div id="detail1"></div>
<div id="detail2"></div>

<aside>
  Hello Ben
</aside>

<footer>
</footer>

Answer 1

给你的div添加高度

#master {
  width: 70%;
  top: 0;
  left: 0;
  background: orange;
      height: 15px;
}

#detail1 {
  top: 0;
  left: 70%;
  background: blue;
      height: 15px;
}

#detail2 {
  top: 50%;
  left: 70%;
  background: green;
      height: 15px;
}

<header>
</header>

<div id="master"></div>
<div id="detail1"></div>
<div id="detail2"></div>

<aside>
  Hello Ben
</aside>

<footer>
</footer>