jquery - 当我将高度设置为 100% 时，为什么会出现滚动条

Question

我不知道我犯了什么愚蠢的错误。但是你看到我已经将左侧栏的高度设置为 100%，但我得到了一个滚动条我做错了什么

这是我的 fiddle http://jsfiddle.net/cancerian73/52zSJ/

html, body {
padding:0;
margin:0;
height:100%;
min-height:100%;
}
#wrapper2 {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
margin-bottom:-81px;
max-width: 1260px;
}
.admin-container {
position:relative;
margin:0 auto;
background:#CCC;
height:100%;
min-height:100%;
}
.admin-content {
padding:10px;
}
.admin-nav {
background-color:#252b39;
min-height:81px;
}
.admin-logo {
float: left;
margin: 20px;
}
.admin-left {
position: absolute;
height: 100%;
background-color:red;
}
.row-height {
height: 100%;
background-color: #AAD;
box-sizing: border-box;
}

Answer 1

那是因为您需要将 top 属性设置为零。尽管它是绝对定位的，但它现在“ float ”在另一个元素下方。

http://jsfiddle.net/52zSJ/2/

.admin-left {
    position: absolute;
    height: 100%;
    top: 0px;
    z-index: -1;
    background-color:red;
}