Question

我创建了一个高度和宽度为'％'的div，我也想让它响应。

<div id="imgContainer" style="background-color: #FFD993;
            color: darkbrown;
            border: 1px outset #A61C14;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px; width:100%;text-align: center; height :40%">

这是我的JSFiddle。

当我使用javascript放置任何对象时，它会以某种方式调整其高度。以下是我所做的JSFiddle

如何修复div的高度

Answer 1

使用绝对位置：

#imgContainer { width:100%;text-align: center; height :40% ; position: absolute;}

DEMO

Answer 2

您必须提供height parent div，除非height percentage无效，所以你必须保持parent's height。检查此http://jsfiddle.net/ffGq2/2/

Answer 3

添加位置：绝对; css属性已修复

Answer 4

如果您想使用高度百分比，则必须position:absolute使用<div>

如果你不想使用绝对位置，那么只能使用固定高度。

为了使其响应你只需要调整宽度而不是高度，所以我建议使用min-height:40%; position:absolute

创建固定的div高度

4 个答案: