當你使用靜態導航時，你如何使div保持中心位置

Question

當我在屏幕上恢復窗口或測試屏幕分辨率時。

我的html5播放器隱藏到導航中的內容。

這裏是網站 http://djwckd.com/

CSS

#sidenav { 
     background-image:url('http://i1285.photobucket.com/albums/a592/djwckd/wckd-bg2_zps36505f8f.jpg'); 
     width: 225px; 
     position: fixed; /*--Fix the sidenav to stay in one spot--*/ 
     float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/ 
     text-align:center; 
     height: 100%; 
    } 

#content { 
    background-image:url('http://i1285.photobucket.com/albums/a592/djwckd/wckd-bg1_zpsf32da4c1.jpg'); 
    float: right; /*--Keeps content to the right side--*/ 
    width:85%; 
    text-align: center; 
    font-family:Trebuchet MS; 
    color: #000; 
    height: 100%; 

} 

.bottom { 
    background-image:url('http://i1285.photobucket.com/albums/a592/djwckd/wckd-bg3_zps849e973b.png'); 
    font-family:Trebuchet MS; 
    width:400px; 
    margin:0 auto 0 auto; 
    padding:5px; 
    border:1px solid #cccccc; 
    font-size:12px; 
    color: #777777; 
} 

.copy { 
    background-color: #fff; 
    color: #000; 
    font-family:Trebuchet MS; 
    font-size:14px; 
    height: 100%; 

} 

Answer 1

添加min-width到側邊欄和內容兩者的容器修復該問題，但將在瀏覽器上寬度小於最小寬度添加滾動指定。

div.container { min-width:1024px; } 

這可以防止容器永遠小於1024px。