Max Bottom a Popup Div

Question

我的弹出窗口div显示在我的屏幕的中心中：

 ---------------------------
 |           15%           |
 |     ---------------     |
 | 15% |             | 15% |
 |     |             |     |
 |     ---------------     |
 |          15%            |
 ---------------------------

我喜欢左侧，顶侧和右侧。但我不喜欢底部。

我希望它能做的是：

1. 将其尺寸调整为内容的height（我认为是height: auto）
2. 不要超过底部的15%间隙。
3. 请注意div内的div，其中overflow-y: auto为div，其中float是 #toPopup1, #toPopup2, #toPopup3 { font-family: "lucida grande",tahoma,verdana,arial,sans-serif; border-radius: 3px 3px 3px 3px; color: #333333; display: none; font-size: 14px; margin-left: 15%; margin-right: 15%; position: fixed; top: 15%; bottom: 15%; width: 70%; z-index: 222; text-align: center; } 。

这是我的代码：

bottom:15%;

然后我用max-height:70%;移除了height但是我得到的结果是一个小得多的盒子（{{1}}中差不多一行），请指教？

Answer 1

这就是我的猜测：

当您将bottom:15%替换为max-height:70%时，div的高度将按其内容计算。

你说里面的div是浮动的，所以它们不会延伸它们的父级的高度，因此弹出div的高度为0（如果有的话，边框，填充和边距）。

有几个解决方案：

1. 浮动父div。
2. 给弹出窗口一个固定的高度（例如height:70%;）
3. 使用display:inline-block;代替floats来定位孩子