宽度为100％而可观的家长股利高度 - CSS

可以说我有两个div ....宽度为100％而可观的家长股利高度 - CSS

<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 { 
    width:100%; 
    height:100%; 
    background-color:green; 
}

我该如何获得.Viewer div去100％的父div的高度和宽度。请牢记.Title占用空间，因为它是.Window的标题。因此.Viewer已开始低于.title伪

来源

2012-03-08 Joe

我很困惑......你说“.Viewer div去了父div的高度和宽度的100％”，但接着说“.Viewer必须从下面开始。标题”......这是它是什么？你的代码对我来说似乎很好。 – zgood 2012-03-08 20:29:02

我认为他希望'.Viewer' div可以占用'.Title'中的内容。至少在Chrome上，它现在的方式会溢出'.Window'。 http://jsfiddle.net/qHe29/ – Danny 2012-03-08 20:31:45

这是真的@Danny。如果我在标题中有内容，它会溢出.Window。现在我有行高：50px; for。标题 – Joe 2012-03-08 20:34:50

我认为这是不可能没有JS如果您.title伪有一个固定的高度（.title伪和.Viewer可能有10％和90％的高度，例如，这应该没有JS工作）。

- 编辑（没看到其他参数这部分无效） -

但我也注意到，您的.Windows还没有高度参数。什么是。查看器应该填充100％的高度？默认情况下的div扩大为多，因为他们需要的，所以在你的（当前）情形.Window将有.title伪高度加上.Viewer高度，其中，按照我的理解，是一个很值得的高度你正在请求。

来源

2012-03-08 20:32:10 Pijusn

有一个顶部和底部值，以便设置相对于浏览器大小的div的高度。 – 2012-03-08 20:33:20

自动计算具有顶部和底部绝对定位元素的“高度”。 – Zeta 2012-03-08 20:33:24

啊，错过了。没有注意到这些参数。我的错。 – Pijusn 2012-03-08 20:36:41

宽度为100％而可观的家长股利高度 - CSS

回答

相关问题