我正在尝试在2个其他流体元素的中间创建一个流畅的可滚动元素.整个网站应该完全响应.
我的标记基本上是这样的:
<h1>Title</h1>
<nav>Changeable Menu Items In A List</nav>
<section>
Lots of items which are changing all the time.
</section>
<footer>Footer</footer>
我想滚动的唯一元素是<section>元素.
我无法使用position: fixed其他元素来保持它们的位置,因为页面的背景是图像,并且需要通过元素可见.因此,在<nav>修复等等时滚动页面会产生冲突.
我无法使用position: absolute任何元素,因为它们都有动态内容.
我不能只给出<section>一些margin-top等于它的高度,<nav>因为它可能会改变.
由于<nav>元素中的动态内容,我无法给出<section>高度,即使是基于流量%的高度,因为我不知道有多少空间可用.
我现在有点想法......任何帮助都非常感激.