使侧边栏填充可用的垂直空间

Question

http://www.akebulan.org/index.html

我正试图让侧边栏占据它可用的空间。如果我将html和body都设置为100％，则div变得比需要的大得多。我希望它与右边的容器相匹配。这可能吗？谢谢！

Answer 1

问题是您的内容比侧边栏大。

你可以做的是拥有一个'main-content'div（包含你的侧边栏），你只需将侧边栏设置为height=100%，这样就可以通过考虑内容来填充所需的垂直空间正确的

Answer 2

如果你想在左侧100％高度设置背景：

1. 在div id =“main-div”中设置背景，如下背景：url（'img / Texture2.jpg'）;
2. 在div class =“col-lg-8”中设置背景，如下所示：style =“background：＃f7f7f7;”;

您的示例：travelletters.ru/test.html

Answer 3

您的侧边栏正在覆盖您的内容，因此需要一些缓冲区或添加高度css