将div与另一个div对齐

Question

我有两个div，比如附图。 Mi的问题是div2没有进入div1（当div1完成时），如image1所示，但保留在列中（如附加的第二张图片）。

div1 css是：

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

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

我该怎么办？

谢谢，Mattia

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（至少我认为这是你的尝试）

#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

L格式中没有div像第一张图片上那样，div是矩形。

如果您想要像第一张图片一样的设计，请关注gabitzish和/或Arjen van Heck，如果您想要div 低于其他（两个矩形），请放置{{1}在第二个div的css规则上。