Javascript 正确设置父div和子div的百分比高度

我想弄清楚这件事，但不要搞得一团糟。我有一个集装箱舱 然后，在它里面，我有3个以上的div为威奇浮动左。我的问题是我的container div的高度是100%。 像这样

.Container {
height: 100%;
min-width: 600px;
overflow-y: hidden;
 }

容器div（sidebar1）中我的一个子div（为了清晰起见，我只保留一个div）有这个css

 border: 1px solid #E0E0DF;
bottom: 10px;
box-shadow: 2px 2px 4px #888888;
float: left;
height: 100%;
overflow-y: scroll;
width: 18%;
  }

我使用jquery将“列表”元素添加到sidedar1 div中。我遇到的问题是，只有当视图中有3到4个项目时，我才会真正显示滚动条，即使滚动条出现，我也无法向下滚动查看它们。我知道这与父母100%的身高和孩子100%的身高有关。我看不到侧边栏1滚动条的底部，加上我为container div隐藏了滚动条。这样做的最佳方式是什么？我想有一个容器div，它基本上扩展了用户屏幕的整个长度和宽度，没有任何滚动条，然后在其中我想让我的子div向左浮动，但我不想让它们丢失视图，如果这有任何意义的话。我想能够看到他们的完整滚动条时，他们出现。 提前谢谢

---

Miguel

问题是您的容器没有“意识到”它的子容器，因为它们是浮动的。在容器上使用clearfix解决方案来包含浮动，您应该正确地获得滚动条

不过要小心，因为您将从第一个项目获得滚动条，因为容器的内容距离边框的高度为100%+2px。可以通过将浮动元素上的“框大小”属性设置为“边框框”来解决此问题

Clearfix的主要思想：

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

---

一些链接：

很抱歉，我在父div中添加了clearfix，现在我似乎可以看到子div上滚动条末端的上半部分，但我仍然看不到所有内容。我遗漏了一些内容？您应该编辑该问题，以提供一个关于您的问题的简化示例（使用JsBin、JSFIDLE或其他专用服务）。如果没有这个示例，恐怕我无能为力。听起来很疯狂，我甚至无法让JSFIDLE显示子div的滚动条。我在父/父元素的外部有一个滚动条。请查看您需要的样式：

html，body{height:100%；padding:0；margin:0；}

。目前#容器的高度是某个没有定义高度的东西的百分比，因此它默认为自动-其内容的高度。谢谢，这是徒劳的。你的回答接近我试图做的事情。我只需要更好地理解css。回到绘图板。