几个小问题
来源：1-3 详情页-左侧类目数据渲染
繁湖
2020-01-03 10:47:35
1.
.menu-inner {
position: absolute;
right: 0;
bottom: 0;
top: 4rem;
left: 0;
display: flex;
overflow: hidden;
}
为什么父元素加了绝对定位才能够有滚轮，直接在子元素上设置
overflow: auto;没有效果
2.
没有父元素包裹我直接在left-inner上设置padding-bottom没有效果
写回答
1回答
-
同学你好，问题解答如下：
1、menu-inner盒子不设置定位时，盒子高度为内容高度（撑起来的）；menu-inner盒子设置了绝对定位，有top值和bottom值，盒子高度就会和视口一样高（减去top值）。左侧列表left-bar盒子设置高度为100%，和menu-inner盒子一样高，而内容的高度大于这两个盒子，所以可以滚动。可以参考下面的简易图：
2、这边将源码中的盒子去掉，下边距是有效果的：
之不过不能滚动了而已。
建议重新测试理解下。如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题