0

我有一些 div 容器在单击“查看配方”按钮时会展开,但是底部的所有 3 个容器都将隐藏在页脚容器下方,我不确定要更改哪个元素以使展开的容器出现在上方而不是下方。

直播网址:http ://bit.ly/1hQuzRI

我已经附加了出现在页脚下方的元素的 css 以及一些来自页脚的元素。我可以粘贴 html,但最终会显示一些负载。也许最好直接在现场查看。

.box2-container-collapsed {
padding: 10px; 
width: 270px;
height: auto;
background-color: #F5F2E9;
display: block;
float: left;
margin-right: 20px;
margin-top: 20px;
position: relative;
}


.box2-content {
margin-left: 0px;
font-size: 0.9em;
min-height: 200px;
display: none;
}

#footer {
background-color: #F3F3F3;
padding-top: 10px;
padding-bottom: 0px;
bottom: 0;
position: relative;
margin: 0 auto;
width: 100%;
}
4

1 回答 1

0

将页脚中的 z-index 设置为负数。还可以尝试为扩展为更高数字的 div 设置 z-index。

编辑:您的带有 class="content-container" 的 div 溢出:隐藏。我在我的 Chrome-Dev 工具中删除了它,之后可以看到扩展的 div。旁注:很难看出菜谱在哪里结束,页脚从哪里开始。您可能还想在配方 div 周围放置一个浅色边框。

于 2013-11-07T22:36:00.647 回答