Question

我最近在asked a question询问如何设置侧边栏的高度等于此homepage上的容器。

基本上，我有两个侧边栏，其中一个包含手风琴。当你点击某些按钮（在这种情况下是“服务”按钮）时，手风琴打开并导致侧边栏增长。这就是我想要的，但是，侧边栏的高度不会粘到容器的底部。

要解决这个问题，我通常会将侧边栏绝对放在容器的顶部和底部。问题在于，随着手风琴的扩展（点击），它将重叠在侧边栏的底部。

我需要一个解决方案，随着手风琴的成长，侧边栏会随之增长。解决方案还必须让侧栏等于容器的整个高度。纯CSS或Jquery欢迎!!

Answer 1

我通常通过在主内容容器上设置背景图片来解决这个问题。有关侧边栏和内容区域的示例，请参阅https://lisaleslie9.com/。

我将有一个容器div，一个主内容div和一个旁边。

e.g。

<div class="container">
    <div class="main-content">

    </div>

    <aside>
      // Your accordion here
    </aside>

<div class="clear"></div>

</div><!-- end container -->

.clear {clear:both;}

并在容器区域上显示背景repeat-y，其中包含旁边的背景图像。

我会在两个内部div下面做一个明确的div来推高。

不确定您的布局设计。但我认为这可能是你正在寻找的。

浮动与绝对定位的难题

1 个答案: