Php 如何阻止内容在固定标题下滚动?

Php 如何阻止内容在固定标题下滚动?,php,html,css,stylesheet,Php,Html,Css,Stylesheet,有一个包装纸。 然后是10%; 然后 第节: 最小高度:80%; 高度自动控制 当我滚动时,内容在标题下。 我希望事情到此为止。。。 } } 之所以发生这种情况,是因为您的标题颜色不透明——因此,您可以看穿它背后的内容 一个简单的修复方法是在蓝色不透明颜色后面添加另一个白色div。但是,你想把它放在你看不到标题的地方。不,我把它放在透明的地方,这样我就可以在这里解释了。。。但我希望红色边框线停在黑色菜单栏上,而不是在它下面……然后用红色框修复元素,这样它就不会在固定标题下滚动。 #wrapp

有一个包装纸。 然后是10%; 然后 第节: 最小高度:80%; 高度自动控制

当我滚动时,内容在标题下。 我希望事情到此为止。。。

}

}


之所以发生这种情况,是因为您的标题颜色不透明——因此,您可以看穿它背后的内容


一个简单的修复方法是在蓝色不透明颜色后面添加另一个白色div。但是,你想把它放在你看不到标题的地方。

不,我把它放在透明的地方,这样我就可以在这里解释了。。。但我希望红色边框线停在黑色菜单栏上,而不是在它下面……然后用红色框修复元素,这样它就不会在固定标题下滚动。
#wrapper{
position:absolute;
padding-top:50px;
height:100%;
width:100%;
top:150px;
left:0;
margin:0;
border:2px soild green;/**/
}


header {
position:fixed;
top:0;
left:0;
    background-color:#2e72ce;
float:top;
color:black;        
text-align:center;
margin:0;
opacity:0.4;
padding:0px;
overflow-x:hidden;
width:100%;
height:calc(10% - 9px);
 z-index:9999;   
 clear:both;
#main_section {

position:relative;
top:-50px;         /*-5px proper location */
float:left;
padding-top:0;
padding-left:60px;
width:95%;
bottom:0;
right:0;
min-height:80%;
height:auto;
border:2px solid red;/**/
<html><!----HTML FIle---->
 <body >
    <div id="wrapper">
        <header>
            <img src="img/ztlogo.png" height="50px"/>
         </header>
              <section id="main_section">