重叠div，绝对相对？

我正在处理的wordpress主题具有横跨整个内容区域的标题。重叠div，绝对相对？

这些标题由绝对定位在100％宽度的侧边栏重叠。

问题是，当侧边栏的内容超过了页面的内容时，它会将我的包装页面延伸到页脚的顶部，而不会将页面强制关闭（因为它绝对没有其他内容）。

所以我的问题是，如何才能做出一个绝对定位的股利，成为相对的，基本上“推”我的脚，或者有更好的方法来做到这一点？

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

编辑：

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

形象的例子：

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

来源

2010-03-02 askon

我对你的问题有点困惑。代码示例将使社区更容易帮助你。 – UmYeah 2010-03-02 21:57:37

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

它看起来像我可以使用浮动重叠帖子标题，并使用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>

来源

2010-03-05 21:55:46 askon

从理论上讲，你是正确的。使它position: relative应恢复正常流量，这将推下页脚。也就是说，为什么absolute摆在首位可能有一个很好的理由。

来源

2010-03-02 22:06:26

你已经明白了。问题是相对位置不会让我重叠帖子标题div。（请参阅图像示例） – askon 2010-03-04 13:03:58

嗯......我不确定有没有办法解决这个不涉及JavaScript的方法。您可能需要在页面加载时检测边栏的高度，然后在足够高的包装上设置固定高度。 – 2010-03-04 16:18:48

重叠div，绝对相对？

回答

相关问题