CSS - 可以使用正確定位的一些指針

Question

我需要定位的一些指針。 我有這個廣場，應該在頁面上居中。並且有一個標誌和一個logo字體圖像有點環繞在廣場上。現在，我希望它儘可能動態，因爲我在其他地方同時使用了正方形和圖像。所以我不能真正使用僵硬的靜態定位。

這是網站： www.matkalenderen.no

我應該怎麼辦呢？我想標誌出現在廣場的左側。字體出現在廣場上方。廣場本身應該居中。你可能得到的照片:)現在我已經圍繞一切，這也是中心封裝。

HTML

<div id="loginWrapper"> 
    <img class="LogoChef" alt="Logo" src="img/LogoKokk.png"/> 
    <img class="LogoMatkalender" alt="Logo" src="img/MatkalenderLogo.png"/> 
    <div id="content" style="width: 250px;"></div> 
</div> 

CSS

#loginWrapper { 
margin-left:auto; 
margin-right:auto; 
padding-top:80px; 
width:600px; 
} 

#content { 
-moz-border-radius-bottomleft:5px; 
-moz-border-radius-bottomright:5px; 
-moz-border-radius-topleft:5px; 
-moz-border-radius-topright:5px; 
background-color:#EADCBA; 
background-image:url(img/KalendarRedTint.png); 
background-position:right top; 
background-repeat:no-repeat; 
border:5px solid #F1E9D5; 
margin-left:auto; 
margin-right:auto; 
padding:5px; 
} 

Answer 1

你必須使用相對定位的div內的絕對定位。所以你是標誌和字體需要被絕對定位在包裝內（這需要相對定位）。

在相對定位的元素中具有絕對位置的元素相對於父元素進行處理。這使您可以控制相對於包裝的位置標誌和字體。

看到這個link