我正在开发我的主页的原型响应wordpress主题版本。我在主页上遇到了与推子有关的问题。
http://dev.epicwebdesign.ca/epicblog/
当图像切换时，它使用position：absolute来覆盖图片，然后返回到position：relative。
我需要使绝对相对于菜单的左下角而不是#wrap的左上角，因此它不会重叠。
我尝试将它放在像这样的容器div中：http://wiki.orbeon.com/forms/doc/contributor-guide/browser#TOC-Absolutely-positioned-box-inside-a-box-with-overflow:-auto-or-hidden但这似乎不起作用。
有什么想法吗？
IE中存在主要的CSS兼容性问题，请尝试使用chrome。它应该与http://epicwebdesign.ca类似。当浏览器窗口在地理上缩小时，整个主题会得到补偿。
答案 0 :(得分：1)
你的主要内容是向上浮动的，所以为了解决这个问题，我会将导航和内容扩展到100％并将它们向左浮动以防止它们重叠。
对于ID为“navigation”的元素，添加一个float：left。
样式然后，对于id为“wrapper”的元素，添加一个float样式：left和width：100％。
我只在Firefox中对此进行了测试，因此您可能需要调整其他一些样式才能在所有浏览器中正常使用。
答案 1 :(得分：0)
原来我是一个白痴，正在设置位置：通过最烦人的拼写错误的元素相对。 （.rslider而不是.rslides）