div未正確定位

我有2個div，每個都有一個背景圖像，我希望它們並排排列。但由於某種原因，它們是垂直上升的，而我想要它們是水平的。div未正確定位

這兩個div的代碼如下。我怎樣才能解決這個問題？

#header 
{ 
top: 40px; 
width:310px; 
height: 90px; 
background: url(Images/logo.jpg) no-repeat; 
} 
#logo 
{ 
top: 40px; 
left: 3200px; 
height: 100px; 
background: url(Images/banner.jpg) no-repeat; 
}

來源

2010-07-29 Amit

你會發布HTML呢？ – kbrimington 2010-07-29 15:13:34

對於logo「left」是3200px？ – Hoque 2010-07-29 15:33:10

<div id="header-container"> 
<!-- stick your HTML here --> 
</div> 

    #header-container { overflow:hidden; zoom:1; }

修改CSS來添加這些屬性：

#header { float:left; } 
    #logo { float:left; width:[the width] }

這是假定他們是兄弟姐妹，他們是不是彼此的內部。

來源

2010-07-29 15:13:25

<div id="header-wrapper"> 
    <div class="header">hello</div> 
    <div class="logo"></div> 
    </div>

和UR CSS：

/* this width = .header + .logo + any left or right padding on them.. or it can be 100% */ 
    #header-wrapper {width: 1000px;} 

    .header {background: url(Images/logo.jpg) no-repeat; width:500px;height:90px;float:left;} 
    .logo {background: url(Images/banner.jpg) no-repeat;width:500px; height:90px;float:left;}

這應該也行，還沒有測試，所以讓我知道，如果它不

來源

2010-07-29 15:32:02

div未正確定位

回答

相關問題