代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>101-104</title>
</head>
<body>
<style>
*{
margin: 0;
padding: 0;
}
html,body{
width: 100%;
height: 100%;
float: left;
}
header,footer{
width: 100%;height: 10%;
}
nav,main,aside{
float: left;
}
nav,aside{
width: 450px; height:100%;
}
</style>
<header style="background-color: aqua;">header</header>
<section style="width: 100%; height: 80%;">
<nav style="background-color:blue;"></nav>
<main style="width: calc(100% - 900px); height:100%;background-color:rgb(242, 186, 0) ;"></main>
<aside style="background-color:green ;"></aside>
</section>
<footer style="background-color: yellow;">footer</footer>
<hr>
<audio src="" muted autoplay loop controls> </audio>
<video src="" muted autoplay poster="" loop controls></video>
</body>
</html>