main设置overflow: auto;无效

Question

请老师帮我看看
common.less

@import “./default”;
.container{
display: flex;
.nav-left{
width: 15%;
min-width: 180px;
height: calc(100vh);
background-color: @colorR;
}
.main{
flex: 1px;
width: calc(100vh);
background-color: @colorL;
overflow: auto;
}
.content{
position: relative;
padding: 20px;
}
}
navleft.less

.logo{
line-height: 90px;
padding-left: 20px;
background-color: #002140;
img{
height: 35px;
vertical-align: middle;
margin: 0 0 0 0px;
}
h1{
color: #ffffff;
font-size: 20px;
display: inline-block;
vertical-align: middle;
padding-left: 10px;
margin: 0 0 0 0px;
}
}
header.less

@import “…/…/style/default”;
.header{
background-color: @colorM;
.header-top{
height: 50px;
line-height: 50px;
padding: 0 20px;
text-align: right;
a{
margin-left: 20px;
}
}
.breadcrumb{
height: 40px;
line-height: 40px;
padding: 0 20px;
border-top: 1px solid @colorL;
.breadcrumb-title{
text-align: center;
}
.weather{
text-align: right;
font-size: 10px;
.date{
margin-right: 10px;
}
.weather-img{
img{
height: 20px;
padding: 0 0 0 10px;
}
}
.weather-detail{
vertical-align: center;
}
}
}
}
home.less

@import “./…/…/style/default”;
.home-wrap{
display: flex;
width: calc(100%);
height: calc(70vh);
align-items: center;
justify-content: center;
font-size: @fontB;
background-color: @colorM;
}

Answer 1

河畔一角 2020-03-07 09:34:02

overflow默认不就是auto吗，你要控制什么样式？

• 提问者 慕容4009360 #1

  我直接用你的样式了，可能是我这css问题。

• 河畔一角 #2

  你可以通过鼠标右键审查元素，去调试一下。