css - 将 div 对齐到另一个 div

Question

我有两个 div，就像附加的图片一样。我的问题是 div2 没有进入 div1 （当 div1 完成时），如图 1 所示，但仍保留在列中（如附上的第二张图片）。

div1 css 是：

width: 391px;
height: 380px;
float: left;
margin-right: 10px;

而 div2 css ishas 没有 css（我不知道要插入什么）。

我能怎么做？

谢谢， 马蒂亚

Answer 1

假设您的标记是

<div id="div1">...</div>
<div id="div2">...</div>

您必须什么都不做，因为如果div2没有应用任何样式，那么整个布局将像图 1 中的那样

见小提琴：http: //jsfiddle.net/qAqv3/

Answer 2

一个div只能有一个宽度和一个高度，所以它只能是一个矩形。您可以将 div1 插入 div2，并使用 float:left 设置 div2（包括 div1）的内容。

这是一个演示：http: //jsfiddle.net/DX2vJ/1/

Answer 3

您可以在 div 中创建一个 div，然后设置与第一个 div 相关的第二个 div（至少我认为这是您尝试做的）

#Menu
{
    position:absolute;
    text-align: left;
    width="1024px";
    height="768px";
}

#startButton
{
    position:relative;
    left: 400px;
    top: -350px;
}

<div id="Menu"> <img src="path/to/img.jpg" width="1024px" height="768px"></img>

    <div id="startButton">
        <img src="path/to/img.jpg">
    </div>

</div>

我希望这对你有帮助:)

Answer 4

在您的第一张图片上没有divL 格式，div 是矩形。

如果你想要一个像第一张图片这样的设计，请遵循 gabitzish 和/或 Arjen van Heck，如果你想要一个div 低于其他（两个矩形），clear: both;请使用第二个 div 的 css 规则。