84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
DOM结构如下：
css：
.mian{ height:100%; overflow:hidden; } .leftmenu{ height:100% overflow:auto; } .content{ height:100% overflow:auto; }
我的需求是main不要出现滚动条，当leftmenu或者content溢出的时候出现滚动条。
欢迎选择我的课程，让我们一起见证您的进步~~
height: 100%恐怕不会像你相像的那样起作用，一般情况下建议
height: 100%
css.main { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
css
.main { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
这样.main会撑满整个窗口，里面的.leftmenu和.content可以不变，但需要设置宽度，最好是.leftmenu设置宽度，.content设置margin-left。为了不折行，可以分别设置float: left、float: right。
.main
.leftmenu
.content
margin-left
float: left
float: right
https://jsfiddle.net/jamesfancy/tqcdpoLx/1/
要想内部的带滚动条的话，最好是有固定值
最好与js 结合使用main 的高度固定，overflow hidden然后 把 .leftmenu 和 .content 的高度设为main的高度，之后设置overflow auto 就行
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
height: 100%恐怕不会像你相像的那样起作用，一般情况下建议这样
.main会撑满整个窗口，里面的.leftmenu和.content可以不变，但需要设置宽度，最好是.leftmenu设置宽度，.content设置margin-left。为了不折行，可以分别设置float: left、float: right。https://jsfiddle.net/jamesfancy/tqcdpoLx/1/
要想内部的带滚动条的话，最好是有固定值
最好与js 结合使用
main 的高度固定，overflow hidden
然后 把 .leftmenu 和 .content 的高度设为main的高度，之后设置overflow auto 就行