浮動跨度右下角一個div內

可能重複：
How do I get a div to float to the bottom of its container?浮動跨度右下角一個div內

我有這樣的代碼浮動一個div一個div的底部右側。但跨度卡在左上角。

<div id="color_tile" class="select_tile" title="Choose color" style="background: grey; background-image: url(wallpaper/201_color_picker.jpg);" >  
    <span id="color_picker" style="visibility: visible; display: block; float: right; vertical-align: bottom;"></span> 
</div>

是否有不同的方法來放置跨度？

來源

2012-05-30 user823527

給div一個相對位置，跨度爲絕對位置，bottom和right設置爲零。 – j08691

澄清你的問題，因爲你想保持與其餘項目的流量。只有理智的解決方案，我可以想出你已經有了什麼（減去垂直對齊，這是沒有意義的），所以你可能做了其他的錯誤。 – sg3s

另請參閱：[繞底部右分隔文本]（http://stackoverflow.com/questions/499829/css-wrap-text-around-a-bottom-right-div）。 – Phrogz

vartical對齊是非常特別的去工作（這就是爲什麼我幾乎從來不使用它）

在跨度： position:absolute; bottom:0; right:0;

，把一個高度/寬度父DIV和你'll be all set

來源

2012-05-30 18:53:23 locrizak

-1絕對定位元素不會讓它「浮動」（導致內容環繞它）。 – Phrogz

如果你閱讀這個問題，div中沒有其他內容。還有兩個不同的要求「將一個div浮動到右下方」和「是否有不同的方式來放置跨度」，這是解決後者這是實際問題。我認爲'float'這個詞來自'float：right'，並且不是第一個他/她想要完成的術語 – locrizak

您不會降低問題質量差的結果。 +1 – sg3s

你應該很好地將你的HTML/CSS分開。

你的代碼可能看起來像這樣

HTML：

<div> 
    <span>Absolute right bottom aligned to div...</span> 
</div>

CSS：

div { position: relative; } 
div > span { position: absolute; right: 0; bottom: 0; }

顯然你的div應該有一定的高度/寬度超過了跨度，但通常這是一個非常可以接受的方式。

這不會使跨度範圍內的div'流'的內容變得明顯，但沒有明確說明。正如所說的那樣，你在那裏有什麼應該工作，如果它不在你的代碼的其餘部分。

來源

2012-05-30 18:54:37 sg3s

你應該將你的CSS從你的HTML中分離出來。 –

浮動跨度右下角一個div內

回答

相關問題