5

可能重复：
如何让 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>

有没有不同的方法来放置跨度？

4

2 回答 2

8

您可能应该正确地将您的 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-30T18:54:37.567 回答
0

vartical-align 在开始工作时非常特别（这就是我几乎从不使用它的原因）

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

并在父 div 上放置一个高度/宽度，你就准备好了

于 2012-05-30T18:53:23.937 回答