How do I make all elements pass under the <div> element
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style> #inp-id{ background-color: blue; width:100px; height:17px; } body{ background-color: darkblue; } #div1{ background-color: red; width:350px; height: 130px; position: fixed; text-decoration:none; box-shadow: 3px 3px 5px; } #div2{ background-color: green; width: 350px; height: 40px; } #div2 h3{ text-align: center; color:yellow; } .video{ width: 300px; height:600px; } #footer{ background-color: black; width:350px; height:120px; } .artivid{ text-align:center; } </style> </head> <body> <header> <div id="div1"> <input type="s