html - 底部元素位于其他元素上方的侧边栏

标签 html css html-lists

我有一个类似于这个的边栏:

http://jsfiddle.net/pf798/

<ul id="top-elements"></ul>
<ul id="bottom-elements"></ul>

有两个列表。一个用于顶部元素,另一个用于具有绝对位置的底部元素。

我需要的是至少让这个侧边栏底部的元素没有奇怪的行为,例如:当调整窗口大小时,假设高度的一半,底部元素将位于“顶部元素”之上”。当我调整窗口高度并且它们到达顶部元素时,如何让底部元素停止?

最佳答案

只需从第二个列表中删除绝对位置。它仍将位于底部,因此无需绝对将其定位在那里。

关于html - 底部元素位于其他元素上方的侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22001238/

相关文章:

html - 将一个 Div 重叠到另一个

jquery - 自定义卷轴 : How to hide the scrollbar and create a button that will scroll on click?

html - 覆盖 CSS 背景图像样式 - 两个图像都已加载?

css - 带有@for的sass数组?

css - UL LI 下拉菜单慢慢下移

jquery - 隐藏空的 <li>

html - px 中的字体大小在 pdf 文件中不起作用

html - 在 CSS 中使用不同背景颜色的方法有哪些?

javascript - 选中复选框时的 Jquery、显示和图层 div

java - 如何在Java中将group-by对象列表转换为html无序列表?