当他们不应该出现时,我的div正在流血

时间:2013-07-23 16:37:14

标签: javascript css html

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

我认为它与“垂直专业技术”瓷砖上最近的JS编码div隐藏/显示有关,因为我检查了所有的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中保持干净。来自社区的任何帮助都会有所帮助!

1 个答案:

答案 0 :(得分:2)

您的代码和CSS样式非常广泛。它需要一些时间才能完成。 这就是我添加的内容。这是你想要的吗?你的问题有点令人困惑。

CSS

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

FIDDLE