如何讓這個側邊欄保持靜止但仍然有響應？

Question

我目前正在練習創建響應網站。

我有這個網站上的側欄有問題，

我不相信我知道如何正確定位這一點，

，我也不知道如何保持其移動當屏幕寬度尺寸減小時向下。

我該如何解決這個問題？

我有這麼難發佈的代碼，我似乎無法讓它通過第一或第二行工作。

我添加了一個jsFiddle與所有的代碼。我在我的CSS代碼中發佈了側邊欄 。其他的評論。

http://jsfiddle.net/jwn69/

CSS：

/* 

Answer 1

嗯，首先，我woudnt依靠像 '浮動' 屬性。它們非常棘手，在某些情況下可能會進行大量重繪，這會減慢應用程序的速度。

爲了讓你想要的東西，我不得不改變去.focus和。其他類

.focus { 
    width:66.00625%; 
    display: inline-block; 
    /* 844.8px/1280 */ 
    background-color: #3d3c3c; 
} 
.other { 
    width: 30.99375%; 
    display: inline-block; 
    vertical-align: top; 
    /* 1.5% allowed on each side*/ 
    background-color: #3d3c3c; 
} 

我還必須警告你，響應式設計是不是做一對夫婦的CSS規則下工作每個條件/屏幕大小。多一點CSS，你會看到這個頁面看起來更好，最終它可以在任何設備上使用。但是，舉例來說，移動應用程序沒有像您正在構建的菜單那樣的菜單。它採用抽屜菜單和其他的東西來展示環節，因爲他們的空間是有限的。

雖然可以實現，顯示了非常巨大的屏幕或者一個很小的這些內容，它是不是足夠多，因爲每個設備都有它自己的更好的方式來顯示你的UI組件。因此，我建議你閱讀約media-queries。它們對於符合特定條件的設備制定特定的CSS規則非常有用。

然後，我建議你學習positions如何在CSS

工作下面有你fiddle