Question

今天我遇到了内部库用于为Web应用程序创建弹出窗口的情况。在我的情况下，这个弹出窗口将包含带有文本的单个段落，我们不能假设有关此文本的数量。

当我调查此库为此弹出窗口生成的html时，有一些嵌套的div元素，而在最低级别，标题，正文有一个div和一个页脚。

作为创建弹出对象的函数的参数之一，我可以传递正文部分的硬编码宽度和高度（作为json对象），但我只限于此选项，如果没有传递，默认为假设身体只能指定一些高度/宽度（目前我无法通过其他参数进行直接造型）。

我想通过将我的段落放在我有权访问的div中来解决这个问题。

现在，问题是当文本占用更多空间然后外部div div时，外部div大小保持不变，文本似乎从弹出窗口“泄漏”。

我试过这样的事情（将overflow:auto添加到内部div的样式中）

<div class="popup-body" style="width: 450px; height: 460px">
    <div class="my-content-div" style="overflow:auto>
        //text in paragraph
    </div>
</div>

如果我在my-content-div height:inherit或height: 100%中使用我可以得到我想要的结果，那就是我不能使用height:inherit因为它不受支持在IE7中（我们的应用程序必须从版本7开始支持IE）并且我无法指定高度百分比，例如height:100%（现在我不记得为什么我不能这样做，但是当我知道我会在这里写一下。）

所以基本上我只想让内部div的高度与外部div的高度相同。

那么，除了我提到的那个（height:inherit或height:100%）之外，还有其他任何方法可以实现我想要的东西吗？

Answer 1

为什么你不能将内部div设置为与px相同而不是%作为外部div？

.popup-body {
    width: 450px; 
    height: 460px;
}

.my-content-div {
    overflow-y:scroll;
    height:460px;
}

请参阅小提琴http://jsfiddle.net/feitla/jZdka/

嵌套div - 孩子的大小

1 个答案: