Web:在窗口中创建窗口

时间:2013-08-05 12:09:41

标签: html wordpress scroll

我正在创建一个Wordpress博客,其中我有一个包含1000多个项目的网格,我将这些项目包裹在页面中。我尝试在线搜索,但无法弄清楚如何获得“滚动视图”。我想要它所以窗口内几乎有窗口。如果你看下面的图像,只有黑色区域会滚动而不是整个页面。那么如何在我的博客中实现这个迷你窗口效果?

2 个答案:

答案 0 :(得分:0)

你似乎需要

<div style="overflow: scroll; width: 100%; height: 200px">content here</div>

这将创建一个100%宽,200像素高的div,一旦其中的内容变得高于200px就会滚动。

答案 1 :(得分:0)

只需将overflow: auto用于您想拥有滚动条的div。如果您希望它始终使用滚动条:overflow:scroll。如果你想使用这个参数,你需要有固定的高度。

此处有更多信息:http://www.w3schools.com/cssref/pr_pos_overflow.asp

我的演示: http://jsfiddle.net/cXvDc/9/