Question

我在顶栏下面有一个侧栏，但是当我尝试将侧栏的高度设为100％时，它会消失，但是当我将px值设置为高度时，它就会出现。我尝试做calc（100％-180px），180px是我的顶栏的高度，但这也不起作用。

HTML

<div id="topbar">
<div id="totheright">
<h1>suggestions</h1>
<div id="topbardesc">a little description</div>
<div id="links">
  <a href="/">home</a>
  <a href="/ask">ask</a>
  <a href="/submit">submit</a>
</div>
</div>
</div>

<div id="sidebar">
</div>

CSS

#topbar {
background-color:white;
border-bottom:solid 1px black;
position:relative;
height:180px;
width:100%;
}

#sidebar{
background-color:gray;
width:300px;
height:100%;
}

codepen

Answer 1

您需要将您的身体和html的高度设置为100％

body, html {
  width: 100%;
}

此处更新了代码笔：https://codepen.io/anon/pen/qKzZQw?editors=1100

如果我也有顶栏，如何使侧栏的高度为100％？

1 个答案: