2012-04-21 60 views
1

我試着去有一個藍圖佈局至極爲950像素,所以我做的東西像下面的圖片:css blueprint,創建一個浮動在容器div旁邊的div?圖像連接

enter image description here

定期一樣的950像素容器(右邊框)是浮動的中心網頁 現在我在需要將一個#menu div向這個950px框左移的情況下,它應該放置在這個#container 950px div的左邊,並且具有固定的寬度。

如何才能完成這樣的事情?我已經嘗試了幾個CSS技巧無濟於事,我知道有液體佈局,但然後#menu和#container之間的空間會變得很大我想要那個空間被固定,如下面的例子中所說的20px的藍圖默認。

任何人都知道如何做到這一點,並有divs留在網頁上,即使當屏幕調整大小?

回答

2

如果我理解你的問題,這將做你想做的:

body, html 
{ 
    width: 100%; 
} 

<div style="margin: 0 auto; width: 1100px"> 
    <div style="width: 150px; float:left;"> 
     menu 
    </div> 
    <div style="width: 950px; float:left;"> 
     right part 
    </div> 
</div> 
+0

http://jsfiddle.net/aFnYF/ – blejzz 2012-04-21 00:15:37