我无法使用溢出来使html正文滚动

时间:2018-10-09 04:22:27

标签: html css

这是我使用的html和CSS:https://gist.github.com/zacatac26/d5733e9289be157982a448a03bda6711 这只是一个页面,但仅使该页面正常工作即可。

我想这样做,以便标题和正文始终在网页上的同一位置,但正文中也包含文本。我尝试过位置:固定和溢出:滚动/自动,但是当我这样做时,页面按我的方式显示,但是文本不滚动。 任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

通常,实现此目的的最佳方法是将position: fixed CSS规则应用于标头元素的容器。 position: fixed会从流中删除元素,就像position: absolute一样,因此您还需要告知浏览器容器的放置位置,例如top: 0。要管理标题的宽度,可以使用left: 0; right: 0;width: 100%

我认为该页面提供了如何实现目标的最佳示例:https://www.w3schools.com/howto/howto_css_fixed_menu.asp。我建议从本教程中提供的HTML / CSS模板开始,然后逐个添加Gist的内容和样式,并在每次更改后检查结果,以确保其外观/行为均符合您的期望。

答案 1 :(得分:0)

我必须将背景图像作为固定标题的一部分,以便页面内容位于标题图像和导航菜单的下方,且没有重叠。我使用与top:,bottom:,left:和right:

包围的背景图片标题相同的百分比