css - CSS 唯一的技术来制作动态 div 高度，可扩展以在它之外进行竞争

Question

我正在为自制珠宝建立一个网站。我希望它很好并且居中（对于所有那些分辨率低的人），所以所有的标题、导航和内容都在一个 div 中，我定位在中心。在左侧（在 div 内，一切都在 div 内）我有我的垂直导航侧边栏 div。在右边我有标题和内容。到目前为止，一切都很好。现在解决问题：

我希望我的侧边栏从页面顶部一直到底部都有一个右边框（如果可能的话，边距为 1em）。诀窍是我右侧的内容从文本到图片和表格各不相同，并且在每个页面上都有很大不同 - 当内容大于屏幕时，屏幕滚动，在这种情况下，我希望我的侧边栏边框向下滚动它 - 我无法做到这一点。

我想我已经做了相当多的阅读——我最接近的解决方案是将边框的位置设置为静态，但这显然在站点居中时不起作用。所以对于这个问题 - 是否有任何 CSS 唯一方法可以使侧边栏 div 的高度动态或其他东西并将其定义为随着内容向右扩展？这样边界将始终到达底部。

score 1 · Accepted Answer

将导航包装在另一个 div 中。为这个新的 div 设置一个 100% 的高度，并为其分配一个右边框 CSS 属性。您也可以设置填充。希望这可以帮助。

score 1 · Accepted Answer

如何为内容部分 Div 提供左边框，而不是 Nav 菜单。这样边框可以根据内容区域的高度改变高度

score 0 · Accepted Answer

    body,html{
      height:100%;
    }

    #wrapperdiv{
      height:100%
    }

   #navigation{
      min-height:100%
    }

3 回答 3