將div對齊到另一個div

我有兩個div，如附圖所示。 Mi的問題是div2沒有在div1下面（當div1完成時），如image1所示，但仍然在列中（如附加的第二個圖像）。將div對齊到另一個div

first image second image

DIV1 CSS是：

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

而DIV2 CSS ishas無CSS（我不知道什麼插入）。

我該怎麼辦？

謝謝，馬蒂亞

來源

2012-04-26 pindol

一個DIV只能有一個寬度和只有一個高度，所以它只能是一個矩形。您可以將div1插入div2，並將div2（包括div1）的內容設置爲float：left。

這裏是一個演示：http://jsfiddle.net/DX2vJ/1/

來源

2012-04-26 10:47:26 gabitzish

你可以做一個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>

我跳這可以幫助您:)

來源

2012-04-26 10:51:04

謝謝。裏面div我沒有圖像，我有tetx – pindol 2012-04-26 10:54:25

假設您的標記是

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

您所要做的絕對什麼，因爲如果div2沒有那麼應用的樣式整個佈局就會像上圖1

看到小提琴：http://jsfiddle.net/qAqv3/

來源

2012-04-26 11:02:57 fcalderan

有在那樣的L格式不div你的第一個圖像，divs是矩形。

如果你想這樣的第一形象設計，遵循gabitzish和/或羅麪包車哎呀，如果你想在下面其他（兩個矩形）一div，把clear: both;第二div的CSS規則。

來源

2012-04-26 11:13:46 fiatjaf

將div對齊到另一個div

回答

相關問題