Question

我认为这可能是一个CSS问题，但我不确定。

问题：我有一个div在单击父div时展开，它使用jQuery / CSS执行此操作。当它展开时，它与页面上的页脚重叠。我想这样做，以便页面扩展高度以容纳新内容而不重叠页脚。所以基本上页脚应该移开。有什么想法吗？

这是一些代码。

HTML：

<div id="wrapper">
  <div id="virtualtours">
    <span id="virtualtours_title">VIRTUAL TOURS</span>
    <div id="virtualtours_videos">
      <?php include'inc.virtualTours.php'; ?>
    </div>
  </div>
</div>
<div id="footer">...</div>

jQuery的：

$("#virtualtours").click(function(){

        if( $("#virtualtours_videos").css("height") == "0px" ){
                $("#virtualtours_videos").css("height","240px");
        } else { $("#virtualtours_videos").css("height","0px"); }
});

在CSS中，一切都是相对定位的

position:relative;

Answer 1

如果你检查jQuery Accordion，你会看到每个部分都有静态高度。在您的情况下，更好的方法是严格为#wrapper分配高度值。此外，每个部分的高度相同，因此，页面设计不应该是问题。

手风琴就像效果重叠的问题

1 个答案: