Question

可能重复：
How do I get a div to float to the bottom of its container?

我有这个代码将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>

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

Answer 1

您可能应该正确地将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的内容在'span'周围流动，但是没有明确指出。如上所述，你所拥有的应该在那种情况下工作，如果没有，那就是你的代码的其余部分。

Answer 2

vertical-align非常适合开始工作（这就是为什么我几乎从不使用它）

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

并在父div上放置一个高度/宽度，你将全部设置

在div内部浮动一个跨度底部

2 个答案: