Home > Software design >  how can i stop my header overflowing with lorem https://jsfiddle.net/joshbjs/r9scauqe/3/
how can i stop my header overflowing with lorem https://jsfiddle.net/joshbjs/r9scauqe/3/

Time:04-28

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.

  • Related