html中可调整大小的div标签,根据窗口调整大小

时间:2011-02-21 05:21:47

标签: html resizable

我的代码如下:

<div id="frame1" style="overflow-y: auto;overflow-x: auto;width:87.5%;height:100%;" >

content

</div>

这里声明的div作为可滚动的div工作,但不会根据窗口调整大小调整大小。

我需要在同一条线上调整窗口大小和div的情况 最终触摸,我需要它们不要换行,而是启用水平和垂直滚动。

请帮助......

2 个答案:

答案 0 :(得分:0)

<div id="frame1" style="display:block; width: 87.5%">

content

</div>

高度将根据内容增加

答案 1 :(得分:0)

不太确定你在这里想做什么。我猜你有2个div彼此相邻,你想让其中一个在空间太小而不能同时开始滚动。如果您知道另一个div的宽度,您可以执行类似right: *div width*的操作,当宽度设置为100%时,这将使“frame 1”div填充剩余空间。然后,如果此div的内容对于该div而言太大,则应显示滚动条。显然,您需要将位置值设置为静态以外的值,以使顶部,右侧,底部或左侧css值具有效果。

我最近在一个有3个固定div的网站上使用了类似的东西;页眉,页脚和主要内容。对于内容,我将顶部设置为页眉的高度,并将底部设置为页脚的高度,高度值设置为100%。这使得内容填充页眉和页脚之间的空间。然后我将内容的overflow-y值设置为滚动,以便垂直滚动条始终可见,但它仅在内容上,因为页眉和页脚无论如何都不滚动,这给出了非常好的效果,尤其是对于webkit滚动条。

同样,我不确定这是不是你问的问题。网站here的临时链接(resolution-gaming.comuf.com)。