2012-07-12 145 views
0

我遇到了div問題。Div彼此相鄰,1:200px,2:100%

我一直在尋找,但無法獲得解決方案。

我在標題中有2個div。一個包含徽標和其他東西。首先是210px寬度,第二個是100%寬度(填充可用空間)。

我想有兩個在同一行。

我一直在嘗試玩顯示:內聯,行內塊,浮動左,但不工作,第二個div是100%的頁面和顯示下面的標誌股利。

在此先感謝。

來源:http://jsfiddle.net/ukDQS/1/

回答

1

你不需要大部分垃圾。這很容易。你在想這個問題。

首先,div默認爲100%,所以你不需要100%就可以了。其次,您只需將徽標浮起,然後爲其分配一個寬度。這裏的所有都是它的。擺脫所有的顯示和其他浮動和其他種類的定位元素。

http://jsfiddle.net/QYftP/

+0

THANKs我不明白爲什麼第二個div填滿了所有頭......我想這是因爲第一個浮在空中(?)。我增加了餘裕到第二個div,現在沒關係。謝謝 – JorgeeFG 2012-07-13 12:27:21

+0

我發現溢出的實用程序:隱藏而不是保證金 – JorgeeFG 2012-07-13 14:19:28

1
#logo { 
    float: left; 
    height: 80px; 
    padding: 5px 0 0 5px; 
    width: 210px; 
} 
#header-right-content { 
    height: 80px; 
    margin-left: 210px; 
    position: relative; 
} 

你不需要寬度100%設定爲第二個div,因爲它會擴展到空間fullr EST。