根据div容器调整内容大小和大小
根据div容器调整内容大小和大小
提问于 2013-03-02 02:49:23
我正在尝试使一个页面，这是设置喜欢的图像。A和B是动态高度，它们的宽度是静态的。C是静态大小的高度500px和宽度500px。
我如何使每个A和B中的内容高度彼此调整大小而不超过500px的高度
http://i47.tinypic.com/zvyd7d.png
回答 1
Stack Overflow用户
发布于 2013-03-02 02:53:24
将此代码添加到a和b的CSS中。
max-height:500px;。
只要你正确地转义你的浮点数(如果有)，它就会在那里截断它。
您可能需要添加
overflow:hidden;
如果您在a或b中的内容超过500px，这将使其在页面中不可见。
据我所知，完整的代码是
CSS
#wrap { width: 700px; height:500px; } /* this combines both static widths and height stays dynamic */
.a, .b { float:left; background-color:#F03; width: 200px; height:50%; min-height:100px; max-height: 500px; }
.c { background-color:#990; width: 500px; height: 500px; float: right; }HTML
<div id="wrap">
<div class="c">C</div>
<div class="a">A</div>
<div class="b">B</div>
<div style="clear:both;">
</div>请注意，C在顶部。这是因为它漂浮在容器的右侧，其余的试图找到C没有填满的空间。背景颜色仅用于视觉辅助。
<--这些是你的朋友。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15164777
复制相关文章
相似问题
腾讯云开发者
