内容扩展到其列容器之外

时间:2016-02-03 作者:andrewf12

每个人

我想知道是否有人能告诉我,我的中心列中的内容如何能够扩展其允许的容器大小,并将我的右列/小部件区域推到底?

以下是我遇到此问题的页面链接:https://goo.gl/XFnmnD

下面是一个屏幕截图,显示问题在页面上的确切位置:http://snag.gy/3A0Sg.jpg.

这只会发生在我使用的插件上。我尝试将每个容器的宽度从%改为96%,但没有成功。该问题仅在用户注销时发生。当用户登录时,一切正常。如果我删除插件并在那里放置其他东西,也没有问题。有什么想法吗?

谢谢

P、 我今天刚加入美国,所以请对我放松点。

2 个回复
SO网友:Cheffheid

据我所知,最右边的列嵌套在中间的reviews列中。

我想象代码(模板、侧栏或小部件)中的某个地方有一条条件语句,导致中间列在正确的列开始之前无法关闭。

为了说明发生了什么,以下是当前渲染的方式:

<div class="fl-col fl-col-small fl-node-569586b0f1e9e" style="width: 39.94%;" data-node="569586b0f1e9e">
    ...middle column content...

    <div class="fl-col fl-col-small fl-node-569586b0f1ee5" style="width: 20.02%;" data-node="569586b0f1ee5">
    ...right column content...
    </div>
</div>
但它应该是什么:

<div class="fl-col fl-col-small fl-node-569586b0f1e9e" style="width: 39.94%;" data-node="569586b0f1e9e">
    ...middle column content...
</div>
<div class="fl-col fl-col-small fl-node-569586b0f1ee5" style="width: 20.02%;" data-node="569586b0f1ee5">
    ...right column content...
</div>

SO网友:andrewf12

这真是个好主意!我决定检查HTML元素并删除具有匹配对的代码片段。我意识到他们都有一对相配的;然而,出于某种原因,第二列的容器将第三列的容器封装起来,使其成为子容器,如果这有意义的话?

下面是我设法解析出来的代码片段:

http://snag.gy/oDJB4.jpg

这是一个截图,因为我不知道如何选择整个选择并复制粘贴。我用红色方括号表示第三个容器的位置。

因此,感谢您帮助解决第一个问题。我想现在的第二个问题是:有人知道我应该寻找什么代码来找出我使用的第二个容器/插件是如何将第三个容器变成子容器的吗?

再次感谢大家!