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

时间:2014-07-24 15:46:28

标签: html css

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

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/

提前致谢。

1 个答案:

答案 0 :(得分:2)

这应该让你开始。

JSfiddle Demo

<强> 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;
}