固定标题和固定右滚动条

我正在处理脚本标题固定和固定右滚动条，我想使用，就像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 –

固定标题和固定右滚动条

回答

相关问题