开发者社区> 问答> 正文

overflow:auto

DOM结构如下:

<div class='mian'>
    <div class='container'>
        <div class='leftmenu'>
        <div>
        <div class='content'>
        <div>
    <div>
<div>

css:

.mian{
    height:100%;
    overflow:hidden;
}
.leftmenu{
    height:100%
    overflow:auto;
}
.content{
    height:100%
    overflow:auto;
}

我的需求是main不要出现滚动条,当leftmenu或者content溢出的时候出现滚动条

展开
收起
杨冬芳 2016-05-31 18:18:37 2486 0
1 条回答
写回答
取消 提交回答
  • IT从业

    height: 100% 恐怕不会像你相像的那样起作用,一般情况下建议

    .main {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
    }

    这样 .main 会撑满整个窗口,里面的 .leftmenu.content 可以不变,但需要设置宽度,最好是 .leftmenu 设置宽度,.content 设置 margin-left。为了不折行,可以分别设置 float: left、float: right

    2019-07-17 19:22:21
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载