css - 固定层滚动

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

不要在 'px' 中指定宽度，以 % 的形式给出，当您最大化或最小化浏览器时，滚动条将出现或切断你的分区