如何根据内容自动调整<div>高度？
我有一个<div>需要根据其中的内容自动调整。 我怎样才能做到这一点？ 现在我的内容来自<div>
我为div使用的类如下所示
box-centerside { background:url("..http://img.dovov.comgreybox-center-bg1.jpg") repeat-x scroll center top transparent; float:left; height:100px; width:260px; }
尝试使用以下标记而不是直接指定高度：
.box-centerside { background: url("..http://img.dovov.comgreybox-center-bg1.jpg") repeat-x scroll center top transparent; float: left; min-height: 100px; width: 260px; }
<div class="box-centerside"> This is sample content<br> This is sample content<br> This is sample content<br> This is sample content<br> This is sample content<br> This is sample content<br> This is sample content<br> This is sample content<br> This is sample content<br> This is sample content<br> This is sample content<br> This is sample content<br> </div>
只写“min-height：XXX” 而“溢出：隐藏” ＆你会摆脱这个问题就像这样
min-height: 100px; overflow: hidden;
写吧：
min-height: xxx; overflow: hidden;
那么div会自动取内容的高度。
我在需要resize的DIV中使用了以下内容：
overflow: hidden; height: 1%;
我已经做了一些达到自动调整高度为我的项目，我想我find了一个解决scheme
[CSS] overflow: auto; overflow-x: hidden; overflow-y: hidden;
这可以附加到您的css文件中的素div （例如warpper，但不是向body或html因为页面不会向下滚动），并由其他子类inheritance并写入它们overflow: inherit; 属性。
注意：奇怪的是我的netbeans 7.2.1 IDE突出overflow: inherit; 因为Unexpected value token inherit但所有现代浏览器阅读这个属性罚款。
这个解决scheme工作得很好
- 火狐18 +
- chorme 24+
- 即9+
- 歌剧12+
我不testing这些浏览器的以前的版本。 如果有人会检查它，这将是很好的。
如果你还没有得到答案，你的“浮动：离开” 正在搞乱你想要的东西。 在您的HTML中，在结束标记下方创build一个具有浮动应用的容器。 对于这个容器，包括这个作为你的风格：
#container { clear:both; }
完成。
不要设置height 。 改用min-height和max-height 。
只需将高度设置为auto，即可解决问题，因为div是块元素，所以它们可以扩展到包含在其中的任何元素的全部宽度和高度。 如果高度设置为自动不工作，那么简单的不要添加高度，它应该调整，并确保该div不是从它的父元素inheritance任何高度以及…
简单的答案是使用overflow: hidden和min-height: x(any) px ，它将自动调整div的大小。
height: auto不起作用。
只需使用以下
height:auto;
将高度设置为最后一个占位符div。
<div class="row" style="height:30px;"> <!--placeholder to make the whole block has valid auto height-->
<div>应该自动扩展。 我想这个问题是，你正在使用固定的height:100px; ，请尝试用min-height:100px;replace它min-height:100px;
使用min-height而不是height
我已经通过将div内的元素的位置设置为relative来解决我的问题;
Min- Height : (some Value) units
—- 只使用这个元素，你不能使用溢出，如工具提示
否则，您可以根据您的需要使用溢出属性或最小高度 。
我刚刚用过
overflow: hidden;
这对我来说是正确的。 这个div有一些浮动div div。
