我在固定的侧边栏中创建了两个 ul。我试图将蓝色 ul 对齐到固定 div 的底部,但它不起作用。
<div class="sidebar">
<ul style="background:green;">
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
<ul class="align-bottom" style="background:blue;">
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
</div>
<div class="main">
MAIN CONTENT
</div>
.sidebar {
position: fixed;
top: 0;
left: 0;
z-index: 1;
height: 100%;
overflow-x: hidden;
background: grey;
width: 150px;
}
.main {
position: absolute;
top:0;
left: 150px;
z-index: 1;
}
.align-bottom {
position: relative;
bottom:0;
width: 100%;
}
https://jsfiddle.net/fj0b6jx3/6/#&togetherjs=2v1pIMRuTT
我的错误在哪里?
提前致谢。
将.align-bottom
位置从更改relative
为absolute
.align-bottom {
position:absolute;
bottom:0;
left:0;
width:150px
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句