将div与另一个div对齐

时间:2012-04-26 10:43:11

标签: css html css-float

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

first image second image

div1 css是:

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

而div2 css ishas no css(我不知道要插入什么)。

我该怎么办?

谢谢,Mattia

4 个答案:

答案 0 :(得分:3)

假设你的标记是

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

你必须完全没有,因为如果div2没有应用任何样式,那么整个布局将如图1所示

请参阅小提琴:http://jsfiddle.net/qAqv3/

答案 1 :(得分:2)

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

以下是演示:http://jsfiddle.net/DX2vJ/1/

答案 2 :(得分:1)

你可以在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>

我跳这会帮助你:)

答案 3 :(得分:0)

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

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