固定標題和固定右滾動條

我正在處理腳本標題固定和固定右滾動條，我想使用，就像Facebook一樣。但我希望右側的div不被修復。我是固定位置。這次是向左移動。固定標題和固定右滾動條

我希望它被固定的黑色div.Header的權利，其中有height: 40px;

這是演示在JSfiddle

這是我HTML代碼：

<div class="globalHeader"><div class="globalHader-in"></div></div> 
<div class="global_container"><div class="container"> 
    <div class="ksmsl"></div> 
    <div class="ksmort"></div> 
    <div class="ksmsg"></div> 


</div></div>

和也CSS代碼：

body{ 
    margin:0px; 
    padding:0px; 

} 
.globalHeader { 
    width:100%; 
    height:40px; 
    position:fixed; 
    background-color:#2a3542; 
    z-index:99999; 
    } 
.globalheader-in { 
    width:981px; 
    height:40px; 
    margin-left:auto; 
    margin-right:auto; 
    border-right:1px solid #fff; 
    border-left:1px solid #fff; 
    } 
.global_container{ 
    clear:both; 
    width:981px; 
    height: 100000px; 
    margin-left:auto; 
    margin-right:auto; 
    overflow:hidden; 
    position:relative; 
    top:40px; 
    background-color:#f8f8f8; 
    } 
.container{ 
    float:left; 
    width:981px; 
    height:auto; 

    } 
.ksmsl{ 
    float:left; 
    width:220px; 
    height:auto; 
    border-radius:5px; 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    -o-border-radius:5px; 

    } 
.ksmsg{ 
    float:right; 
    width:199px; 
    height:1000px; 

    background-color:#000; 
    } 
.ksmort{ 
    float:left; 
    width:560px; 
    height:auto; 
    border-left:1px solid #d8dbdf; 
    border-right:1px solid #d8dbdf; 
    border-bottom:1px solid #d8dbdf; 
    }

來源

2014-03-13 somebodyknowsme

我可以繼續，並告訴你，讓'.global_container'類'height：100000px;'是不好的做法，而應該讓內容決定高度;否則你將不得不預先加載所有的高度（需要一段時間），並且當你沒有足夠的內容來填充它時，它會看起來很糟糕。只需設置「* {height：100％;}」或其他。 – TylerH

@TylerH我知道這一點，這只是一個例子 – somebodyknowsme

如果你知道它並且你不打算使用它，爲什麼把它放在你的例子中？ – TylerH

修復你的側邊欄，而不是正確的浮動，你說對了：0; JS Fiddle

.ksmsg{ 
    margin-top: 40px; 
    position: fixed; 
    right: 0; 
    width:199px; 
    height:1000px; 
    color: #fff; 
    background-color:#000; 
    }

至於保持容器內的固定側邊欄，你不能包含一個固定的股利。請參閱：Fixed position div not staying contained in wrapping div, overlays entire screen?

來源

2014-03-13 14:36:29

謝謝你的回覆，但我的容器寬度只有981px如果我在你的代碼中執行了我的css .ksmsg不是它應該在的位置 – somebodyknowsme

我更新了我的例子你能否檢查它我只想黑div固定。本教程我使用javascript，但.ksmsg div正常的右側，所以當我說的立場：絕對它會走左側。固定是好的，但位置不正確。http://jsfiddle.net/mustafaozturk74/g3p2U/6/ – somebodyknowsme

您不能包含固定的div。請參閱：http://stackoverflow.com/questions/5146971/fixed-position-div-not-staying-contained-in-wrapping-div-overlays-entire-screen –

固定標題和固定右滾動條

回答

相關問題