Question

我正在制作的wordpress主题标题涵盖整个内容区域。

这些标题与侧边栏重叠，边栏绝对位于100％宽度。

问题是，当侧边栏的内容超出页面的内容时，它会延伸到我的包装器顶部的页脚，而不会强制它（因为它是绝对的，没有别的）。

所以我的问题是，怎样才能制作一个绝对定位的div，变得相对并且基本上“推”我的页脚，或者有更好的方法来做到这一点？

另外，如果有人有这样做的例子会很棒！

编辑：

侧边栏绝对定位，因此它可以放在侧边栏的顶部。我没有在线示例，因为我正在做本地服务器设置，其他一切都是相对位置，并且可能会浮动。

图片示例：

http://imagecheese.com/gallery/stackquest.png

Answer 1

理论上，你是对的。使它position: relative应恢复正常流量，这将推倒页脚。也就是说，可能有一个很好的理由为什么它首先被absolute。

Answer 2

在工作缓慢的一天之后，我设计了一种没有绝对定位的方法。

看起来我可以使用float来重叠帖子标题，并使用wordpressapi的clear:both;建议来强制缩小页脚。有时解决方案太简单了：）

这是我的（可爱的）示例：

<html>
</head>
<body style="width:100%;height:100%;margin:0;padding:0;background:#000;">
<div id="wrap" style="width:1005px;margin:0 auto;background:#003">
  <div id="header" style="height:280px;width:100%;background:#C9C;"></div>
  <div id="sidebarwrap" style="width:330px;height:100%;background:#09F;float:right;margin:0 42px 0 0;opacity:0.9;">
    <ul id="sidebar"><li style="height:1250px;"></li></ul></div>
  <div id="title" style="width:100%;height:122px;background:#C3C;"></div>
  <div id="thecontent" style="width:550px;background:#909;margin:0 0 0 42px;"></div><br /><br /><br /><br />
  <div id="title" style="width:100%;height:122px;background:#C3C;"></div><br /><br /><br /><br />
  <div id="title" style="width:100%;height:122px;background:#C3C;"></div><br /><br /><br /><br />
  <div id="title" style="width:100%;height:122px;background:#C3C;"></div><br /><br /><br /><br />
  <div id="footer" style="width:100%;height:400px;background:#90C;clear:both;position:relative;"></div>
</div>
</body>
</html>

重叠的div，绝对相对？

2 个答案: