Question

假设我有两个div ......

<div class="Window">
    <div class='Title'></div>
    <div class="Viewer"></div>
</div>

首先是打开的窗口，即.Window

.Window {
    width:80%;
    background-color:red;
    position:absolute;
    z-index:1;
    top:10%;
    left:10%;
    margin-left: 0%;
    bottom:10%;
}

第二个div是.Viewer

.Viewer {
    width:100%;
    height:100%;
    background-color:green;
}

如何让.Viewer div获得父div的100％高度和宽度。请记住。标题占用空间，因为它是.Window的标题。因此.Viewer必须从下面开始。标题

Answer 1

如果你的 .Title 有一个固定的高度（ .Title 和 .Viewer 可能有10％），我认为没有JS是不可能的和90％的高度，例如，没有JS就可以工作。）

- 已编辑（未看到其他参数。此部分无效） -

但我也注意到你的 .Windows 没有 height 参数。什么是 .Viewer 应该填充100％的高度？默认情况下，divs会根据需要进行扩展，所以在你的（当前）情况下， .Window 的高度为 .Title height加上 .Viewer 身高，据我所知，这几乎就是你所要求的。

100％宽度和相当大的父Div的高度 - CSS

1 个答案: