在响应式网站上用推子奇怪的CSS定位问题

我正在开发我的主页的原型响应式WordPress主题版本。我在主页上遇到推子问题。在响应式网站上用推子奇怪的CSS定位问题

当图像交换机，它采用的位置是：绝对的叠加图片，然后回到位置：相对的。

我需要使绝对相对于菜单的左下角而不是#wrap的左上角，因此它不会重叠。

任何想法？

IE中存在主要的CSS兼容性问题，请在Chrome中尝试。它应该看起来类似于http://epicwebdesign.ca。当浏览器窗口水平缩小时，整个主题就会得到补偿。

您的主要内容向上浮动，因此要解决此问题，我会将导航和内容都扩展到100％，并将它们左移以防止它们重叠。

对于id为“navigation”的元素，添加float：left样式。

然后，对于id为“wrapper”的元素，添加float：left和width：100％样式。

我只在Firefox中测试过，因此您可能需要调整一些其他样式，才能在所有浏览器中正常工作。

2012-06-23 03:36:51 Justine

标记正确，因为它也可以。 – evandentremont

原来我是一个白痴，并且正在设置位置：通过最恼人的打字错误在错误的元素上相对。（.rslider而不是.rslides）

2012-06-23 03:41:45 evandentremont

回答