the problem I am having is that my lorem is overflowing into my header/navbar.
here is a screenshot in chrome
here is a screenshot of my html and css code
CodePudding user response：
It's because you're using position: fixed; and the positional attributes on your header, so that box is going to overlap other elements. Unless you have a reason for doing that that you didn't specify in your question, you can just remove those attributes.
See here for more info on position: https://www.w3schools.com/cssref/pr_class_position.asp
.box{
border-bottom: 10px solid #ccc;
padding: 20px;
color: indianred;
width: 100%;
}
body{
background-color: cornflowerblue;
margin: 0;
padding: 0;
height: 3000px;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css 201</title>
<link rel="stylesheet" href="css/202.css">
</head>
<body>
<div >
this is a header
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente fugiat repudiandae excepturi voluptatibus sunt ipsum provident? Blanditiis natus minus sint in architecto dolorum ab, quisquam cupiditate? Aspernatur blanditiis repellendus ullam?</p>
</body>
</html>CodePudding user response：
remove position: fixed; from .box
If you really need that then add all
inside another container class then add a margin-top: VALUE;
NB: please try to post your code. We need to type all the code to debug then.