圍繞CSS-div定位的文本位於

我有一個很大的div，裏面有一個小div。我想將較小的div放在大div的底部。因此，我已經使用「bottom：0px; left：0px; position：absolute;」定位了小div;「大型股份有「位置：相對;」小div出現在它應該在的地方，但文字不會浮在它的周圍。我試過「float：left;」與各種顯示方式結合使用，但似乎並不奏效。圍繞CSS-div定位的文本位於

來源

2013-09-22 sirugo

安置自己的代碼.. –

我不認爲這會幫助任何人。請看看這個圖像。它顯示了我想要達到的目標。我希望內部div位於外部div的底部，無論文本有多長或有多少段落。文本應該圍繞它浮動：http://www.sirugo.net/divfloat.png – sirugo

浮動只能在相對位置上工作。當您將一個元素設置爲絕對時，它不會被視爲元素中佔用的空間。

此外，爲了使浮子工作，你需要把浴液到元素旁邊。

來源

2013-09-22 14:50:21

因此，無法在包含div的底部放置div，以便包含div的文本在其周圍流動？見：http://www.sirugo.net/divfloat.png – sirugo

遠，因爲我知道這是不是posssible。 Usualy你將需要使用Img來做類似的事情。在我的情況下，我試圖找到一種方式，但它看起來有一個小故障。唯一可能的是你使用IMG標籤並在它旁邊製作一個P標籤以獲得你想要的。 –

編輯：沒有工作

製作的包裝爲你的小格（在你的例子兩者之間的一個div），以及與底部絕對定位設置和左零寬度100％。

然後讓你的小格POS：相對和浮空DIV左，左清晰。

我相信應該有效。

來源

2013-09-23 02:05:29 Jason

謝謝！我試過了，但沒有奏效。不知道我確切理解你的意思。請看我的例子中的源代碼：http://sirugo.net/divindiv.html – sirugo

@sirugo明天下午我會看一看。如果我可以坐下來看，我相信它會很快... – Jason

將不勝感激。謝謝！ – sirugo

CSS位置（絕對/固定/相對）所帶來的元件到上層，離開源順序依賴性的層。

定位的元素也從不關心其他元素的顯示順序漆。我看不出一種方法來使定位和非定位元素反應在一起，並關心他們的繪畫行爲。

如果你需要一個像你 [image]解決方案，您可以使用浮動，但插入的文本內容。像：

div { 
    font: 14px Arial; 
    width:400px; 
    margin:30px auto; 
    border:1px solid #ccc; 
    padding:20px; 
    overflow:hidden; 
    text-align:justify; 

} 

img { 
    margin:10px 20px 0 0; 
    float:left; 
}

演示：http://jsfiddle.net/KY8FG/

來源

2013-09-24 19:18:46

圍繞CSS-div定位的文本位於

回答

相關問題