有CSS可以讓一個元素遵循流動，而一個孩子有位置：絕對？

是否有可以讓元素遵循流的CSS（類似於position：inline），而元素的子元素有position：absolute？有CSS可以讓一個元素遵循流動，而一個孩子有位置：絕對？

編輯：答案是肯定的，只是使用內聯和絕對位置。我遇到的問題與我發佈的不同。我很抱歉。我的問題是使用margin：auto使項目居中，但給出了所有邊距0而不是最大值（即容器將盡可能擴展，邊界通常會觸及父元素的邊界）。爲了解決這個問題，我將使用額外的容器和文本對齊。

感謝幫助和閱讀此問題的人。

忽略該帖子的以下歷史部分。

顯然，我想絕對位置進行相對定位它的父母的界限（所以父母會不有位置：靜態）。

但我不確定如何做到這一點。 CSS甚至有表達能力這樣做？

想想在段落中間有一張圖片，而不是圖片，它是一個內部含有更多元素的容器。

來源

2011-08-10 Jason McCarrell

「相對於......定位」有你的答案 – BoltClock

基本上你在找什麼是position:relative;

位置相對保持正常流動的位置，但允許協調修改。例如，使用頂部和左側的css值將相對於通常應該放置的位置移動對象。如果將對象嵌套在div中，它將使用div的左上角作爲0,0座標原點。

請記住，position:relative屬性應用於父容器中的元素，而不是父級本身。你可以使用靜態或任何你想要的父母。但是，父級不一定要調整大小以便將其相對定位的孩子直觀地封裝，因此您必須自己設置高度和寬度值。

<style type="text/css"> 
    #my_button { 
     position:relative; 
     top:10px; 
     left:10px 
    } 
    #my_div { 
     height:25px; 
     background-color:yellow 
    } 
</style> 

<div id="my_div"> 
    <input type="button" value="OK" id="my_button"></input> 
</div>

來源

2011-08-10 19:45:13

我希望父級跟隨流，就像一個內聯元素，允許它的兄弟姐妹在旁邊，不像div是display：block，因此清除左右。 –

對於父級，您正在查找的內容是：內聯塊。內聯塊流程通常會允許您爲父對象設置高度，以便您可以正確地包含相對定位的子對象。這在內聯塊中有一些很好的信息。 http://vivifystudios.com/articles-css-inline-block/ –

我想我一定是搞砸了別的東西了。我創建了一個獨立的測試，絕對在內聯元素中正常工作。謝謝你的回答，對於混淆抱歉。我會在我的更復雜的例子中嘗試它，如果我找出我的陷阱，我會將它重新發布在我的問題上。如果不隔離第一個-_-，我不會再發布問題。 –

使用位置：相對;這樣，父母留在相同的位置，但具有position：absolute的子元素相對於父母而不是身體定位。

來源

2011-08-10 19:44:25 Gerben

當父顯示效果還算不錯：塊，但是如果我想父是顯示：內聯，則位置：絕對不工作對。 –

你可以使用display：inline-block作爲父項嗎？ – Gerben

有CSS可以讓一個元素遵循流動，而一個孩子有位置：絕對？

回答

相關問題