Question

有一个包装器。然后有头10％; 然后部分：最小高度：80％; 高度自动;

screenshot ---> This is overlapping going under header 当我滚动时，内容在标题下面。我希望事情停在那里...... Screenshot---> This is normal

#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">

Answer 1

这种情况正在发生，因为你的标题颜色不透明 - 所以它背后的东西，你可以看透。

一个简单的修复可能是在蓝色不透明颜色后面添加另一个白色div。但是，你想把它带到你无法通过标题看到的地方。

如何停止在固定标题下滚动内容？

1 个答案: