                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

關(guān)于absolute的疑問

慕課網(wǎng)網(wǎng)站是說position:absolute屬性會讓此元素相對于父容器塊定位，于是我定位

#div1{
????width:200px;
????height:200px;
????border:2px?green?solid;
	position:absolute;
????bottom:0px;
????}
<body>
<div?id="div1"></div>
<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
????<p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。</p>
</body>

以上代碼我以為，div會定位到body的最底部,可事實上它定位到了網(wǎng)頁能顯示的最底部。再往下拉的時候它還出現(xiàn)在上方了。

按理來說它是以body為父容器塊進行定位啊，它怎么可能在中部??？？

求解答啊

搖落深知宋玉悲

2015-08-28

源自：初識HTML(5)+CSS(3)-升級版 13-8

關(guān)注問題我要回答

1087

操作

收起

5 回答

大柏樹
2015-08-28

我也試了下，幾個瀏覽器都是這樣的。除非強制給body加個position:relative。

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

搖落深知宋玉悲提問者

那么其實可以說若是不存在一個具有定位屬性的父包含塊，那么應(yīng)該是瀏覽器窗口進行定位，而不是body元素。因為如果是相對body定位，那就會一直待在底部才對的，要是相對瀏覽器窗口定位，那就是現(xiàn)在這種情況了。這是那章的原文：“如果不存在這樣的包含塊，則相對于body元素，即相對于瀏覽器窗口”原文這句話該是錯誤的吧？