所以我的问题是当我扩展我的自举手风琴时它不会压下页脚。相反,它只是在页脚后面扩展。
我的页脚没有固定,它有相对位置。
这是我的页脚的代码。
<div class="bottombg">
<footer class="footer">
<div class="col-sm-1"> </div>
<div class="col-sm-2">
<div class="small_space"></div>
<div class="">
<img src="images/logo.png" alt="..">
</div>
</div>
<div class="col-sm-2">
<div class="small_space"></div>
<p> Leceister | UK | England </p>
<p> © 2014 the Regents of University of Leceister <br>
University Road <br> Leicester <br>
LE1 7RH <br> United Kingdom <br>
</p>
</div>
<div class="col-sm-2">
<h3> Site Visitors </h3>
<p> <a>Academic Departments</a> <br>
<a>Accessibility <br> <a>Help</a> <br>
<a>Job Opportunities <br> <a>Legal</a> <br> <a>Privacy & Cookies</a>
</p>
</div>
<div class="col-sm-2">
<h3> Staff & Students </h3>
<p> <a>Blackboard</a> <br>
<a>Current Students <br> <a> Remote Access</a> <br>
<a> Staff</a> <br>
</p>
</div>
<div class="col-sm-2">
<h3> Social Media </h3>
<img src="images/icons/With%20Border/facebook-variation.png">
<img src="images/icons/With%20Border/twitter-variation.png">
<img src="images/icons/With%20Border/rss-variation.png">
<img src="images/icons/With%20Border/youtube-variation.png">
</div>
</footer>
这是我的页脚的css
.footer {
position: relative;
height: 130px;
padding-top:20px;
}
我也找到了这篇文章,但没有运气How to correct overlapping accordion on footer
以下是帮助解释我的问题的屏幕截图。 http://i.imgur.com/nq00AdI.png
答案 0 :(得分:0)
除非你给出所有代码(链接到页面可能),否则很难看出问题是什么?尝试使用overflow:hidden为页脚或显示:块。 我还要尝试的另一件事是添加清楚:两者都是页脚(不是100%肯定会工作)。通常这个问题出现在你有固定元素(绝对的,固定的e.t.c)。
清除:两者 - 将清除浮子,所以你认为你不需要它。 显示:阻止 - 将使元素表现得像块一样(在同一行之前和之后都没有元素) - 再次,也许不是最好的
下拉列表:如果您将其设置为position:relative并将z-index添加得更大,那么页脚会重叠它。然后你也可以设置背景:白色,这样文字就不会重叠。