如何将元素调整到全高

时间:2014-05-23 17:31:42

标签: html css

如何调整左侧元素的大小?

jsfiddle示例:http://jsfiddle.net/yPqKa/5/

我需要将元素的大小调整为完整的文档高度。

提前致谢。

.left-bar {
    float: left;
    height: 100%;
}
.left-bg {
    background-color: #000;
    float: left;
    height: 100%;
    width: 50px;
}

2 个答案:

答案 0 :(得分:1)

您可以这样设置左栏的样式:

.left-bar {
    position:fixed;
    top:0;
    bottom:0;
}

<强> jsFiddle example

答案 1 :(得分:0)

现在左栏将从顶部

开始75px后开始
 .left-bar {
    position:fixed;
    top:0;
    bottom:0;
 }