固定宽度100%
我有一个 position:fixed左栏，宽250像素，高100% ，我试图在顶部放置一个固定的，流动的水平条，但在左栏的右边，像这个例子:
但这就是我要说的:
这就是我所做的:
.page-wrapper, html, body {
width:100%;
height:100%;
margin:0;
padding:0;
}
.left-column {
position:fixed;
top:0;
left:0;
z-index:1000;
width:250px;
height:100%;
background:#090909;
}
.top-bar {
position:fixed;
top:0;
left:250px;
width:100%;
height:54px;
background:#090909;
z-index:1000;
}
我怎样才能使这个固定的顶部酒吧跨度100% 的屏幕宽度，没有溢出。我希望这是一个简单的修复，因为我已经花了很多时间构建了一个相当复杂的响应模板，并且刚刚注意到，在添加内容之后，我的顶部栏右侧的东西正在从屏幕上消失！
我确实有一个想法，但可能不是最理想的，所以感兴趣的其他建议第一。左侧固定列的 z 索引值可以高于顶部栏，从顶部栏移除左边距，但是在顶部栏内容上放置左边距，与左侧栏的宽度相同。听起来很混乱，但是有可能。
最佳答案