css – absolute:bottom不行

前端之家收集整理的这篇文章主要介绍了css – absolute:bottom不行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个css代码.
为什么“底线:0”不起作用时,“位置:亲戚”
如果我放弃“位置:亲戚”到“底部”作品,但是“float:left”和“float:right”不在“width:930px;”中.
对不起我的英文不好
<style type="text/css">
#main {
    position: relative;
    width: 930px;
    padding:10px;
    margin:0 auto; 
}

#left {
    position:absolute;
    left:0;
}

#right {
 position:absolute;
 right:0;
}

#bottom {
    position: absolute;
    bottom:0;
}
</style>

<div id="main">
    <div id="left">
        Left
    </div>
    <div id="right">
        Right
    </div>
    <div id="bottom">
        Bottom
    </div>
</div>

解决方法

那是因为当你设置position:relative在main时,position:absolute将相对于parent.而你的#main div没有高度,这会导致#bottom不在页面底部.
原文链接:https://www.f2er.com/css/216467.html

猜你在找的CSS相关文章