0

我有一个大 div，里面有一个小 div。我希望较小的 div 位于大 div 的底部。所以我使用“底部：0px；左侧：0px；位置：绝对；”定位小 div 大 div 有“位置：相对；” 小 div 出现在它应该出现的位置，但文本不会在它周围浮动。我试过“浮动：左；” 结合各种显示替代方案，但它似乎不起作用。

4

3 回答 3

0

Float 仅适用于相对位置。当您将一个元素设置为绝对时，它不会算作元素中占用的空间。

此外，要使浮动工作，您需要将 set float 放入它旁边的元素中。

于 2013-09-22T14:50:21.453 回答
0

编辑：没用

为您的较小 div （在您的示例中为两者之间的 div）制作一个包装器，并将其设置为绝对定位，底部和左侧为零宽度 100%。

然后使您的较小 div pos:relative 并将该 div 向左浮动并向左清除。

我相信这应该有效。

于 2013-09-23T02:05:29.197 回答
0

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-24T19:18:46.833 回答