right無(wú)已定位祖先元素且不設(shè)置top屬性時(shí)的定位
mainbody不設(shè)置position（這樣right無(wú)已定位祖先元素），right設(shè)置absolute后不設(shè)置top屬性，為什么此時(shí)的right欄的頂部會(huì)跟header的底部齊平 ? 而不是跟html的底部齊平呢？？當(dāng)設(shè)置top為0后才會(huì)跟HTML的底部齊平。
2 回答
舉報(bào)
0/150
提交
取消
mainbody不設(shè)置position（這樣right無(wú)已定位祖先元素），right設(shè)置absolute后不設(shè)置top屬性，為什么此時(shí)的right欄的頂部會(huì)跟header的底部齊平 ? 而不是跟html的底部齊平呢？？當(dāng)設(shè)置top為0后才會(huì)跟HTML的底部齊平。
舉報(bào)
2016-08-30
只設(shè)置right的position為absolute，不設(shè)置偏移的時(shí)候，默認(rèn)在原來(lái)的標(biāo)準(zhǔn)文檔流位置，當(dāng)設(shè)置了top屬性后，此時(shí)的top屬性是參照祖先容器，也就是html標(biāo)簽。
2016-09-01
我這么寫(xiě)應(yīng)該就是這種想法。
看看的我的答案是不是也對(duì)！
#wrap{width:970px; margin:0 auto;}
#mainbody{width:100%;overflow:hidden;margin-top:15px;}
#left{float:left;width:110px;;border:1px solid #999; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:794px;border:1px solid #999;}