绝对:底部不起作用

Question

我有一个css代码.为什么"底部:0"在"位置:相对"时不起作用 如果我放弃"位置:亲属;" 到"底部"工作,但"浮动:左"和"浮动:右"不在"宽度: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>

Answer 1

那是因为当你position:relative在主要设置时,那position:absolute将是相对于父.并且你的#maindiv没有高度,这导致它#bottom不在页面的底部.