如何根据包装高度拉伸菜单

Question

如何通过包装器高度拉伸菜单?

CSS:

html, body {
    height: 100%;
    width: 100%;
}
#wrapper {
    height: 100%;
    margin: 40px;
}
.left {
    float: left;
    background-color: #eee;
    width: 20%;
    min-height: 100%;
}
.right {
    background-color: #aaa;
    width: 100%;
    min-height: 100%;
    word-break: break-all;
}

jsfiddle: http://jsfiddle.net/ha5jB/

Answer 1

这应该是你的开始。

<<p> JSfiddle演示/strong> CSS

html, body {
    height: 100%;
    width: 100%;
}
#wrapper {
    height: 100%;
    margin: 40px;
    overflow: hidden;
}
.left {
    float: left;
    background-color: #eee;
    width: 20%;
      height: 100%;
}
.right {
    background-color: #aaa;
    width: 80%;
    height: 100%;
    float: right;
    word-break: break-all;
}