当我把它调到 100% 高时，我的容器消失了

Question

我正在构建这个 15 页的网站，所以我真的想让我的主容器（浅灰色的）高度灵活。

当我在主页（迄今为止唯一的页面）上选择特定像素高度时，一切都很好，但是当我将其更改为 100% 高度时，我的容器完全消失了。有什么我应该做的不同的吗？

我的链接：

http://dariawdesign.com/acupuncture/StamfordAcupunctureHome.html

容器的 CSS：

#maincontainer {
width: 1110px;
height: 3900px;
background-color: #E6E7E8;
margin-left: auto;
margin-right: auto;
margin-top: -16px;
}

Answer 1

不要将您的高度设置为像素值，而是设置为auto。然后将 overflow: hidden 添加到您的 #maincontainer 样式中以扩展容器以适应其浮动的子项。