1

我的 jQuery DIV 有点问题。我有一个名为“allcontent”的DIV，它包含所有HTML，在里面我有一个“headlinesarea”DIV，其中包含网站的所有标题和一个“datacontentarea”DIV，其中包含所有灯具/表格等右手边，它也是一个浮动到右边的DIV，写在'headlinesarea' DIV之前，因为它必须浮动。

'allcontent' DIV 包含一个带有repeat-y 的透明背景图像，因此当添加更多内容时，图像将继续向下重复，并且与'headlinesarea DIV' 一起工作正常，但是当我添加一个具有联盟的jQuery DIV可以打开和折叠“allcontent”DIV 的表格不会拉伸，jQuery DIV 最终会与“allcontent”DIV 的背景图像重叠。

我的网站的链接是http://thefootballleague.clanteam.com/，在这里你可以看到我的可折叠 jQuery DIVS，它们是冠军联赛、联赛 1 和联赛 2。当它们被点击时，它们打开得很好，但不幸的是它们没有拉伸'allcontent' DIV 背景。

有什么想法吗？

4

3 回答 3

3

添加样式：

#allcontent {
    overflow: hidden;
}
于 2012-05-10T00:40:20.590 回答
1

只需添加

<div style="clear:both"></div>

在“所有内容”的底部

像这样 ：

<div id="allcontent">

<div id="header"></div>
<div id="nav">
...
</div>
<div id="datacontentarea">
...
</div>
<div id="headlinesarea">
...
</div>
<div style="clear:both"></div>//add this
</div>

或成功

<div class="clear"></div>

然后加

.clear{
    clear:both;
}

在你的样式表上

于 2012-05-10T00:37:50.287 回答
0

更恰当地说，您需要的是 clearfix：

http://www.webtoolkit.info/css-clearfix.html

因为您的 datacontentarea div 向右浮动，所以您需要清除浮动以使 allcontent div 的大小正确。

当然，在您复制 clearfix css 之后，只需将“clearfix”类应用于“allcontent”div。

这是处理这些类型的浮动问题的最干净的方法。

于 2012-05-10T00:43:25.777 回答