创建固定div高度

我已经在'％'中创建了一个高度和宽度的div，并且我想让它响应。创建固定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

来源

2014-02-27 insanity

使用的位置是：绝对的;在CSS和看看结果 –

你必须给parent div的height，除非height与percentage不起作用，所以你必须保持parent's height。检查此http://jsfiddle.net/ffGq2/2/

来源

2014-02-27 06:38:45 Arjun

谢谢@Arjun它的工作 – insanity

使用位置的绝对高度：

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

DEMO

来源

2014-02-27 06:36:50 Neha

添加位置：绝对; CSS属性固定

来源

2014-02-27 06:43:17 ahalya

，如果你想使用高百分比你必须使用position:absolute到<div>

如果你不想使用绝对位置，然后只，而使用固定的高度。

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

来源

2014-02-27 06:55:57 Alex

创建固定div高度

回答

相关问题