adsolute生成絕對定位的元素,相對于 static定位以外的第一個父元素進行定位。
這句話要怎么理解
?下面這段代碼?相對于瀏覽器窗口進行定位 沒有設置top leaf屬性 ?p標簽位置發(fā)生了變化 而a標簽沒被覆蓋?
<html>
<style>
p{position:absolute;}
</style>
<body>
<a href=“#”>skskdfja</a>
<p>這是段落。</p>
<p>這是段落。</p>
<p>這是段落。</p>
<p>段落元素由 p 標簽定義。</p>?
</body>
</html>
2017-03-30
在沒有設置絕對定位時 多個<p>標簽的內容是分段落顯示 這也正是<p>標簽的功能
而設置絕對定位后 ,會把元素從文檔流拖出來,獨立出來,然后使用left right top bottom屬性相對于最接近的一個有定位屬性的父包含快進行絕對定位,不存在就相當于body 瀏覽器窗口。而默認的p標簽是有上下margin的, 而對四個p標簽絕對定位的時候,?top和bottom是以p標簽margin box的邊緣為準的, 其父元素(.parent)的padding box上下邊緣直接接觸的是p的margin box的邊緣.所以會造成四個P重疊(就是這四個p都脫離了文檔流,然后設置樣式相同 就會重疊)
而<a>元素你沒有設置它的樣式 默認是static?
2017-03-30
style里面定義的是p標簽,對a標簽并沒有加css樣式
所以在body標簽里面,絕對定位只對<p></p>里面內容生效