javascript - 我的 div 在不应该流血的时候流血

Question

所以，我正在研究这个 JSFIDDLE ( http://jsfiddle.net/dRpWv/248/ )，我不明白为什么 botcontainer div 会渗入页脚。我在网站上创建的其他页面没有这个问题。

我认为这与最近 JS 编码的 div 在“垂直专业知识”图 block 上隐藏/显示有关，因为我已经检查了所有 div 并确定它们都已关闭。此外，尝试了无效的显示和位置编辑。

这是内容容器 CSS 的基础知识::

#topcontainer {
margin:75px 0 0 0;
}

#botcontainer {
margin:100px 0 0 0;
}

这是“垂直专业知识”区域的基本 CSS(包装在 botcontainer div 中)::

.vertTiles {
border: none; 
margin-right: 3px;
margin-top:3px;
float:left;
}
.vertCont {
border: 1px solid black; 
background-color: #ffffff; 
display: none;
padding: 5px; 
width:800px;
max-width:800px;
height:400px;
max-height:400px;
top:0;
left:0;
}
#xbox {
position:absolute;
width:75px;
height:75px;
bottom:20px;
right:20px;
}

请注意，我省略了 MM_imageswap js，只是为了在 JSFIDDLE 中保持干净。来自社区的任何帮助都会有所帮助!

Answer 1

您的代码和 CSS 样式非常丰富。需要一些时间来完成它。这是我添加的。这是你想要的吗？你的问题有点困惑。

CSS

#botcontainer {
    margin:100px 0 0 0;
    clear:both;
    overflow:auto;
}

FIDDLE