將兩個div並排居中，但一個div有固定位置

我有一個2格的容器，我想以並排方式出現在頁面上。左側將是各種導航，右側將具有可變長度的內容。當我在頁面上下滾動時，我想讓左邊的div「固定」。這是一個通用結構;隨意建議其他居中CSS。在此先感謝。將兩個div並排居中，但一個div有固定位置

#content{ 
    margin: 0 auto; 
} 
#left{ 
    display:inline-block; 
} 
#right{ 
    display:inline-block; 
} 

<div id="content"> 
    <div id="left"> 
    </div> 
    <div id="right"> 
    </div> 
</div>

來源

2013-07-13 mike-schultz

但還沒有嘗試過任何東西..其唯一的'divs' –

沒有好的地方告訴你這coddee（你沒有任何明顯的電子郵件地址或其他方式聯繫你），所以我很抱歉把它在這裏，但我知道這會爲你提供一個通知。您試圖對評論中的問題進行編輯，「不是編輯，而是要求解決這個問題」。這不是適合這種要求的場所。這些請求應該在meta上進行，而不是：http://meta.stackoverflow.com/。你做這個編輯的問題可以在這裏找到：http://stackoverflow.com/questions/26252380/rstudio-shiny-zingchart – ArtOfWarfare

你的代碼是有點短正確答案，但我會說：

#content { 
    text-align:center; 
} 
#left,#right{ 
    display:inline-block; 
} 
#left { 
    width:200px; 
} 
#left > div.fixed { 
    position:fixed; 
    width:inherit; 
}

如果你有一些現實生活中的代碼使用，使適合您的需求，它會幫助你。

#left的孩子將爲您的固定內容提供容器。 #left，在流程中將保持房間的需要。

來源

2013-07-13 19:51:57

抱歉的模糊。這正是我所需要的。謝謝！ –

將兩個div並排居中，但一個div有固定位置

回答

相關問題