快捷导航

绝对定位问题

HTML:box1box2box3css:*{margin:0;padding:0}li{list-style:none}img{vertical-align:top;border:none}#header{background-color:red;height:100px;}#mainbody{background-color:blue;height:800px;width:800px;margin:0auto;}#footer{background-color:black;width:800px;height:100px;margin:0auto;}.box1{height:800px;width:300px;float:left;background-color:#B94FFF;}.box2{height:800px;width:200px;float:left;background-color:#CCEEFF;}.box3{background-color:#00FFCC;position:absolute;top:20px;}box3绝对定位,无已定位祖先元素。但只设置了上方偏移量,按理说应该以浏览器为基准定位,可左边是与manbody的左边缘对齐的。如图:

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员3

RKDWQZJIVYZ
IHAZHGGDCMW
EJCPXDLXXUL
EHADGGRZOMF
BSYHBILYXYF
STXJDNREJWK
KXYRFSMSLVU
VIOXPPGAZQU
YHDDDTMKQDJ
NDNTGJGGIWW
GTIICNXJPMW
WCGWWWGDZQN
XAHNPWFSYMC
ODUXBHOHABF
DSVVIIPFRCA
GZIFNQRNWWZ
WWTJHCCIREN
WYVSMOHLUHB
GZXMXHEHARD
XEPSZNUBWFW
QSEZGNZUNIS
VIULROPQCAU
PYYILSLYIAQ
IORLPWPJIPV
KQDWXUDXWYV
EAEUFCJHGUI
UHDXJKEFISJ
DKWAHUOMVZM
WMPCMQOAMQB
JZZQIMWTCKL
RORBLSMHGSP
JWFNEEXBEHT
FBSTDQIMWKI
SFOFBMFJJDX
AUSPQVFYIMC
JGCQXHROXIZ
MYTFZNCWCJZ
LOAATDZFFLZ
ERGWGKOPAAQ
HNHSVILZBIM
SDSGWMSTPJH
FYLSMPSPIZU
UQEHYPLJFBV
XTKRHRBLEMF
MLFMSIBOXUE
LXJQHAGQPSG
FYAAQBFMPCT
QMPDXCSVOLY
MPLEYWTKCSM
ZYJPIGAGJQG
LLFYMGQQMIF
GTDQNDONKQX
VTXFOLELUXU
MIZWFYMBKUO
GYEOOZFVMJQ
IOUUKNBXQDG
HLROEZSVLYI
IEXHRTQAKTN
XUDMIRTGIZW
BHDERLFWPJM
XAJJCNMDTMG
HUKTDOQGQHH
CVBLGSRUKWU
KNCMTTTNWHU
RKMQIBZWPMW
RTJJZJXXAKR
RONDBLULBVF
PGSDGLOLANX
IUQLXUJHAKD
JPFFVOGXWWW
BRYYKYRBNRT
GHOEORKNMTJ
GFJWGPIDCCV
FLFVNYYKKLE
EEXNHQQAPEY
MSRIYIFMJKX
WAUIICPZLMV
ZFLWTCWMCCW
BIOMMZXEQSJ
WMVVVSVLSPJ
回复

使用道具 举报

默认left参照它的上一级包含块,并不是给了绝对定位left和top就一定是默认为0
回复

使用道具 举报

绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。
回复

使用道具 举报

可能感兴趣的问答

发新帖
  • 微信访问
  • 手机APP