關(guān)于css的層模型中的絕對(duì)定位？？
如果想為元素設(shè)置層模型中的絕對(duì)定位，需要設(shè)置position:absolute(表示絕對(duì)定位)，這條語(yǔ)句的作用將元素從文檔流中拖出來，然后使用left、right、top、bottom屬性相對(duì)于其最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對(duì)定位。如果不存在這樣的包含塊，則相對(duì)于body元素，即相對(duì)于瀏覽器窗口。
其中，【然后使用left、right、top、bottom屬性相對(duì)于其最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對(duì)定位?！浚?，，這句話，“具有定位屬性的父包含塊”，，，那么，在設(shè)置子一代的絕對(duì)定位，需要為父包含塊設(shè)置定位嗎？？？完整的是怎么設(shè)置的？？
2017-02-22
不一定需要，看需求，如果父塊不用設(shè)置位置，那就不用
2017-01-15
比如div1里有個(gè)子div2，那么需要給div1設(shè)置position:relative,div2設(shè)置position:absolute. 之后div2的位置就會(huì)以div1為參照定位了。
至于left、right、top、bottom屬性，意思是相對(duì)父DIV對(duì)應(yīng)方向的距離，具體可以復(fù)制修改以下代碼理解。
<!DOCTYPE?HTML> <html> <head> <meta?charset="utf-8"> <title>絕對(duì)定位</title> <style> #div1?{ position:relative;?/*?設(shè)置相對(duì)定位?*/ width:200px; height:200px; border:2px?solid?black; } #div2?{ position:absolute;??/*?設(shè)置絕對(duì)定位?*/ width:100px; height:100px; border:1px?dashed?red; right:0; top:50px; } </style> </head> <body> ????<div?id="div1">父DIV <div?id="div2">子DIV</div> </div> </body> </html>