兩行兩列的CSS佈局

-2

Helllo，Im卡住......因爲無論我做什麼都行不通。我有以下佈局：兩行兩列的CSS佈局

<body> 
<div id = "Container"> 
    <div id = "Header"> 
     <div id = "Logo"></div> 
     <div id = "Header-Pannel"></div> 
</div> 

    <div id = "Body"> 
     <div id = "Left"></div> 
     <div id = "Right"></div> 
    </div> 
</div>

我需要的是做：

body and Container 100% width, oriented top-left 

#Logo {width 180px; height 180px;} - fixed width 
#Header-Pannel {height: 180px} - width is 100% space between logo and right edge of the window, fluid width 

#Left {fluid width, 100% of space between left edge of the window and right block} 
#Right {width: 180px}

林不包括我目前的CSS，因爲它無數次嘗試後變得凌亂。有人可以給我一個解決方案嗎？

謝謝你的時間！

來源

2013-07-18 user2331090

定義不能正常工作，請 – Raptor

這必須是CSS的很簡單，幾行字，或改變一條線，我無法得到所需的結果...我試圖相對位置，負邊緣等...我只是堆棧 – user2331090

你可以做一個小素描，請給我們你想要的結果？ –

雖然你的問題是不明確的，你想要什麼，但這個可以幫助你：所以我試着去增加每次

body { width: 100%; margin: 0; } 
#Container { width: 100%; min-height: 300px; } 
#Logo {width 180px; height 180px; float: left;} 
#Header-Pannel {width: according to your need; height: 180px; float: right;} 
#Left {width: according to your need, min-height: 100px; float: left;} 
#Right {width: 180px; min-height: 100px; float: right;}

來源

2013-07-18 02:30:33

我會試試這個，謝謝 – user2331090

好的，問問問題是否存在。 –

等一下。這個CSS中有多個錯誤。 'foat'>'float'，'fluid width'？ – Raptor

兩行兩列的CSS佈局

回答

相關問題