假设我有一个我设置height: 500px;的div height: 500px; 在CSS中,因此它在高度上是固定的。

我的页面内容是在JavaScript中自动生成的,因此有时候它大于500px并溢出div边框。

我的问题是:是否有可能有一个固定的大小(例如500px),但当div的内容大于500px时,让div变得更大以包含它?

谢谢

===============>>#1 票数:22 已采纳

尝试

min-height: 500px;
height:auto;

设置最小高度。

供参考: http//www.w3schools.com/cssref/pr_dim_min-height.asp

===============>>#2 票数:6

min-height:300px;
height:auto;

===============>>#3 票数:2

try this


min-height:500px;
overflow:auto;
margin:0 auto;

  ask by Masiar translate from so

未解决问题?本站智能推荐:

3回复

将div固定在特定高度

在我的网页布局中,我使用的是左侧栏和内容div,它们两者都想滚动,但是在左侧栏内容完成后的某个时刻,左侧栏div div必须固定不变,仅内容要滚动
1回复

使内容强制DIV垂直增长,直到达到最大高度,然后水平增长

我有一个带有一些文字的div。 该div具有min-height , min-width , max-height和max-width 。 我想在包装文本时优先考虑高度,这意味着直到有能力垂直拉伸div(高度<max-height),文本应均匀包裹以填充高度。 然后,如果达到最大高度
3回复

将div高度固定在div的右侧

我有任何div用于显示项目的详细信息(class main)。 现在我需要2列。 右左 。 我需要以30px width和height 100%和'auto'修复正确的div并fix in right 。 左列height:auto和overflow:hidden 。 HTML:
2回复

固定的div高度为100%,导致窗口增长

我正在尝试创建一个div,该div位于论坛左侧,并填充浏览器窗口高度的100%。 滚动时它也将保持固定位置。 到目前为止,我拥有的代码在Chrome和FF中都可以正常工作; 但是,在IE中,当您继续向下滚动页面时,滚动条会随着页面的增长而展开。 我知道是什么原因造成的-_top
3回复

固定高度容器div,灵活的高度内容div

我有这样的html代码: div#容器的高度是固定的(例如800px)。 在一开始不知道div#footer和div#header的大小(通过Javascript设置)。 我希望div#content占剩余高度的100%。 可以使用CSS完成吗?
4回复

将div垂直固定在具有固定高度和宽度的父div上

我有一个布局,其中容器具有fixed height and width of 640px x 480px的fixed height and width of 640px x 480px 。 该容器内有3个div,分别是top , mid和bot 。 我希望这3个div适合容器内部,前提是它们
1回复

使内容div填充高度可变的页眉和高度固定的页脚之间的空间

我一直在努力使站点布局正常运行一段时间,尽管我使用响应式网格系统解决了许多问题,但尚未解决一个谜。 整个页面将没有任何滚动,而是窗口上的单个页面。 它本质上是一个带有大型菜单的初始页面,因此页面高度和宽度的100%将是窗口中可见的所有内容。 我有一个标头,最大高度为108px,最大
3回复

div高度未根据内容大小增长

嗨,我有一个动态内容$search_results ,我试图在<div>显示它。 但是问题是<div>的高度没有根据内容大小增加。 $search_results是诸如<table><tr><td>Values</td>
2回复

使用CSS将div固定在容器的左侧,将容器的整个高度(但不是页面的全高度)固定

我想要页面中的以下布局: 页眉和页脚始终可见。 灰色区域是article标签。 绿色和深红色区域均位于nav标签内。 深红色具有固定的宽度,将用作调整绿色导航面板大小的句柄(当然,它会非常狭窄,我将使用JavaScript进行大小调整)。 灰色和绿色区域都必须具有自己的滚动条
1回复

具有固定高度和固定位置的div使内部内容滚动

我有一个导航面板<div> ,其position:fixed heigh:200px , position:fixed 。 当它的内容高于200px时,该div应该显示一个垂直滚动条,但我不知道该如何实现。 小提琴 我知道小提琴没有什么意义,但是我有一个更复杂的场景,需