html – 如何使div标签跨越页面的高度

概述如果我不清楚,我不知道如何问这个如此原谅我,请让我澄清一下.我想将页面居中,并在居中内容的右侧有一个“侧栏”,而不是视口的右侧.这很简单,除了我希望元素和视口一样高.但是,如果身体标签较高,我希望它与身体标签一样高.我需要这个,因为侧边栏的背景必须沿y轴重复以覆盖整个视口.我可能没有解释任何事情,所以也许这个jsFiddle将清除任何错过的细节. http://jsfiddle.net/dHerb 如果我不清楚,我不知道如何问这个如此原谅我,请让我澄清一下.我想将页面居中,并在居中内容的右侧有一个“侧栏”,而不是视口的右侧.这很简单,除了我希望元素和视口一样高.但是,如果身体标签较高,我希望它与身体标签一样高.我需要这个,因为侧边栏的背景必须沿y轴重复以覆盖整个视口.我可能没有解释任何事情,所以也许这个Jsfiddle将清除任何错过的细节.

http://jsfiddle.net/dHerb/

我可以将.center样式设置为静态的位置值,但是然后抛出绝对定位.我可以将侧边栏浮动到右侧,但高度不会填满页面.我可以使用JavaScript,但不应依赖JavaScript进行布局,因为依赖它的元素是页面内容的四分之一.

任何指针都将非常感激.

编辑：更改正文和HTML标记高度为100％有帮助,但它仍然没有像我描述的那样表现.如果视口中有内容并且您滚动到该内容,则不会重复背景.

解决方法 将所有内容放在容器div中.所以,例如：

<div ID="container" >    <div ID="content" >            Your Content    </div>    <div ID="sIDebar" >            Your sIDebar    </div></div>

注意：为了清楚起见,我在这里使用了内联样式元素,将它们放在外部样式表中.

这将导致内容和侧边栏始终与页面的整个高度匹配.如果需要,您可以手动设置容器div的高度,并且所有内容都应自动调整大小.

我相信这就是你的要求,如果我走错了路,请告诉我！

总结

以上是内存溢出为你收集整理的html – 如何使div标签跨越页面的高度全部内容，希望文章能够帮你解决html – 如何使div标签跨越页面的高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。