小编use*_*447的帖子

我有一个标题div和一个div.我需要在标题div下面的div根据浏览器窗口大小的高度进行调整.

在CSS中,当我添加高度:100%时,它会在页面的侧面创建一个滚动条.当我调整宽度的百分比时,页面底部的间距会不断变化,因为它是以百分比形式完成的.

我希望标题下方的div始终根据窗口大小调整,底部没有间距.

我该怎么做呢？

这是小提琴

JS Fiddle 我不知道为什么但是在JSFiddle中底部div没有扩展高度:100%

这是代码:HTML

 <div class = "main">
  Header
 </div>
 <div class="left">
  Bottom Div
 </div>

CSS

.main {
width:100%;
height:60px;
border: solid;
}

.left {
height: 100%;
width: 300px;
border:solid;
}