爲什麼不包裝div時，它擴展時，它有一個絕對的孩子div

我有一個包裝div設置爲960px，並在裏面，我有另一個名爲「滑塊」的div。滑塊使用此代碼在屏幕的中間絕對定位：爲什麼不包裝div時，它擴展時，它有一個絕對的孩子div

#slider {width:390px; height:100px; position:absolute; 
     margin:-100px 0 0 -200px; top:50%; left:50%; border:1px solid;}

我已經添加邊框，無論是包裝和滑塊的div，這樣我可以看到他們是如何定位。然而在屏幕上，這表明該包裝不擴展到包含絕對滑塊div。

如何解決這個問題，使包裝的高度正確？

來源

2012-11-07 Paul Gunston

您應該創建一個http://jsfiddle.net測試用例，以方便人們來幫助您。從我的頭頂開始，我會告訴你製作包裝位置：相對並將相對於包裝的子頁邊距定位在整個頁面上。 – Nelson

也分享您的包裝div的代碼。你有溢出：自動包裝？ – specialscope

當您在元素上使用position:absolute;時，它位於文檔流的外部，並且不會影響其他內容。

如果可以，請刪除position:absolute;並使用其他方法將滑塊div居中。如果您需要position:absolute;那麼這是不可能的。

來源

2012-11-07 10:52:46 Kami

我可以使用其他方法將DIV定位在絕對定位的中心位置嗎？ –

您可以使用多種方法，'margin：auto'是一種流行的方法。請參閱http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a-div和http://www.w3.org/Style/Examples/007/center.en.html瞭解更多詳情。 – Kami

爲什麼不包裝div時，它擴展時，它有一個絕對的孩子div

回答

相關問題