如果不存在這樣的包含塊,則相對(duì)于body元素,不是相對(duì)于html 元素?
如題:
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>absolute樣式</title> <style?type="text/css"> body{border:1px?solid?green;height:500px;} div{ ????width:200px; ????height:200px; border:2px?red?solid; position:absolute; ????top:0; ????left:0; } </style> </head> <body> <div?id="div1"></div> </body> </html>
上面這段代碼可以看出,紅框已超出綠框的范圍?
2015-03-06
你是相對(duì)于整個(gè)頁(yè)面進(jìn)行了絕對(duì)定位,所以會(huì)出現(xiàn)這樣的情況