風格使用標記花車

-1

<div id="header"></div> 
<div id="content"></div> 
<div id="sidebar"></div> 

#header { 
    no styles at all 
} 

#content { 
    float: left; 
} 

#sidebar { 
    float: right; 
}

如何使用CSS定位我的div浮動不改變的標記？

enter image description here

來源

2012-08-30 slfkjsdlfkj

請問你的佈局，以較低/大屏幕，分辨率表現？你需要集中所有？標題和內容變得更寬？你試過了什麼？ – fcalderan

你嘗試過任何CSS嗎？或者你想要「免費」的答案嗎？ – Kyle

@Fabrizio Calderan頭部通常是相同的，內容和邊欄增長到特定的寬度。現在我的佈局沒有中心。如果需要的話，我認爲這不是一個問題適用於邊際自動身體。 – slfkjsdlfkj

你需要水木清華這樣嗎？

http://jsfiddle.net/JVJ9Q/2/

來源

2012-08-30 12:24:17

是的，我使用相同的花車。似乎'margin-top：-100px;'是我看到的側邊欄的問題。也許你知道可以採用其他方法來做同樣的事情，而不是使用負邊界？根本不好用嗎？ – slfkjsdlfkj

@ A-STAR查看Fabrizios friddle！使用那一個;] – 2012-08-30 12:35:55

小提琴）你的適合更好的我的佈局，謝謝 – slfkjsdlfkj

試試這個小提琴：http://jsfiddle.net/PZkeh/

對於Pēteris回答你不需要定義負margin-top是嚴格依賴的#header height和工作的很好的窗口大小調整。

主要CSS規則，使這個佈局

#sidebar { 
    position: absolute; 
    right : 0; 
    top  : 0; 
    width : 100px; 
    min-height: 150px; 
} 

body { 
    position: relative; /* not necessary if you apply this style to the body */ 
    padding-right: 120px; 
    min-width: 300px; /* this should be adjusted to contain sidebar + header width */ 
}

來源

2012-08-30 12:32:16 fcalderan

是的，這也是個好主意。在同一時間調整大小仍然存在一個小問題。但是，謝謝。 – slfkjsdlfkj

風格使用標記花車

回答

相關問題