CSS唯一的技术，使动态div高度，可扩展到外面竞争

Question

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

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

我认为我已经做了很多阅读 - 我最接近的解决方案是将边框的位置设置为静态，但是当网站居中时，这显然不起作用。所以对于这个问题 - 是否有任何CSS只能使侧边栏div的高度动态或某种东西并定义它以扩展内容到右边？这样边框将始终到达底部。

Answer 1

将导航包装在另一个div中。为这个新div赋予100％的高度，并为其赋予一个右边的CSS属性。您也可以设置填充。希望这会有所帮助。

Answer 2

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

Answer 3

    body,html{
      height:100%;
    }

    #wrapperdiv{
      height:100%
    }

   #navigation{
      min-height:100%
    }