固定层滚动

Question

HTML：

<div id="wrap">
<div id="header">
<div class="logo"></div>
<div class="category"></div>
</div>
</div>

CSS：

#wrap { 
width:960px; 
margin:0 auto; 
position:relative; }


#header_wrap { 
position:fixed; 
top:0; 
left:0; 
width:100%; 
min-width:960px; 
height:105px; 
background:rgba(256, 256, 256, 0.6); z-index:999; }


#header {  
width:860px; 
position:relative;  
height:90px; 
padding:15px 40px 0 40px; 
margin:0 auto;  }

.logo { 
float:left; 
margin-top:-35px; }

.category { float:right; margin-top:-9px; }

我在页面顶部做了一个固定的标题菜单。 但是如果浏览器窗口的宽度小于环绕宽度（特别是在iphone / ipad中放大safari时），我看不到标题的右侧（类别）（固定）。 救命啊！

Answer 1

请勿在{{1​​}}中指定宽度，以'px'的形式给出，当您最大化或最小化浏览器时，滚动条会出现并切断您的div