Javascript Wordpress模板div未展开

我正在构建一个wordpress主题，但我遇到了一些代码的问题，似乎无法正确地扩展我的div。我尝试过在不同的位置清理浮动，我尝试过溢出：隐藏，但似乎没有任何效果

我想做的是，根据您单击的标题，让内容从任意一侧滑入。内容基于每个链接的wordpress帖子。因此，客户端可以轻松地将其编辑为任意大小

因此，在调整大小时使用像素是不可行的。我知道绝对定位意味着像素几乎是唯一的选择

我把firebug中我能想到的一切都搞乱了，只是无法让它扩展

您可以在此处找到该网站：

然而，我也不能让它工作。也许这会给你一个可能出错的线索

我知道这是一篇冗长的文章，我道歉。如果我以后有时间，我应该可以做一个jsfiddle。然而，目前时间很短

---

任何帮助都将不胜感激。多谢各位

从

框

类中删除位置

绝对

。还请说明您需要什么样的内容布局。我们将为您推荐这方面的课程。

您的问题源于将

的position属性设置为

absolute

。给出父元素（

）

溢出-x:hidden

隐藏未显示的子元素，然后使用负边距在视口（父元素）中定位子元素。这就是大多数滑块的工作原理。

移动位置：从div.box开始的绝对值

---

我想就这些了。

你想扩展页面的哪一部分？我假设图片库下面的文本是白色区域。有一个名为“body wrapper”（我知道名称不好）的div，其中包含将滑入和滑出的div。这样做不会正确地对div进行分层。它们应该并排在屏幕外。内容基本上需要从页面的该部分从左向右滑动。但在高度问题解决之前，我无法继续。当我删除box类中的位置时，它会在底部显示内容文本和图像。你需要什么？它能做到这一点，但是它们彼此之间是层层的。如果单击标题链接，您将看到它们滑入滑出，但在彼此下方。我希望他们基本上都在同一个位置上。就在页面外，我没能正确地理解你。你能再详细说明一下吗。。或者添加任何图像，只需画出你的布局，到底什么是负边距？“盒子”上的那些？哦，我应该澄清一下。您需要创建一个包装器元素，它是主体包装器的子元素，并且还包含“box”div。然后，“浮动”新包装器元素中的box div，以便它们水平放置（在同一行上）。假设每个box div的宽度是150px，因此新包装器元素的宽度是150*3=450。现在，您需要更改新包装器元素的左边距以移动方框div。左边距：0px将显示第一个“长方体”div。左边距：-150px将显示第二个“长方体”div，依此类推。本质是使用负边距来重新定位子元素，而不是操纵绝对定位元素的“左”属性。位置：绝对将从自然流中删除“长方体”div，这是导致您出现问题的原因。我正在将所有内容恢复到使用滑块之前的状态，以便有一个好的开始位置。如果我还是不能让它工作，我会让你知道的。但到目前为止，这似乎是最好的例子。非常感谢你。（我想指出的是，在你来到这里之前，你不会意识到你知道的有多么少。我感谢大家在这方面的帮助。）@DanielRuxton祝你好运！