Question

<div class="cat-left">
</div>
<div class="cat-right">
</div>

.cat-left {
float: left;
width: 233px;
border: 1px solid #c5c5c5;
}
.cat-right {
margin-left: 12px;
float: left;
}

我写这个为两个盒子（一个在左边，一个在右边）。现在我想再做一次

<div class="cat-left"></div>

如果我把我的猫放在我的猫左后，那么它就会显示在第一只猫的左边。你已经看到我使用了边框。对于我来说，他们可以选择在现有的cat-left底部制作它。

检查http://s7.postimage.org/3t6rfpdih/demo.png以确定我想要什么代码。

我试过给第二只猫留下绝对位置，但不确定它如何在不设置像素边距的情况下帮助我。

Answer 1

你需要在猫左框中包含两个子div，如下所示：

<div class="cat-left">
    <div class="cat-left-inner">
        Left top
    </div>
    <div class="cat-left-inner">
        Left bottom
    </div>
</div>
<div class="cat-right">
    Right
</div>

其中

.cat-left-inner {
    height: 10em;
}

您需要为div提供设定高度，以便以所需方式填充容器。请参阅此小提琴，了解更具体的示例：http://jsfiddle.net/A6axj/2/。

我怎么能把盒子放在盒子模态css的另一个盒子的底部

1 个答案: