Question

我知道会有人可能要求提供完整的代码，但我只是在非常一般的意义上提问。

说，我的主要内容浮动到左边没有固定高度，侧边栏浮动到右边。我希望侧边栏占据浏览器窗口的整个高度，即使主要内容的长度增长也是如此。

主要内容和侧边栏的容器也没有固定的高度：

#container {
margin: 0 auto;
padding: 0;
max-width: 1024px;
position: relative;
background: url(../img/booksbg.jpg) fixed;
background-size: cover;
overflow: hidden;
}

我该怎么做？该网站响应媒体查询。

我试过了：

sidebar {
height: 100vh; 
}

但这似乎不适用于侧边栏。

Answer 1

将position:absolute;和100%高度赋予侧边栏即可。 http://jsfiddle.net/07zLb3xx/

#sidebar {
    height: 100%;
    position: absolute;
    right: 0;
}

如果您的侧边栏出现父包装器问题，请将position:relative;提供给父包装器，如http://jsfiddle.net/07zLb3xx/1/

浮动侧边栏：如何获得侧边栏全高窗口？

1 个答案: