盒模型

<!DOCTYPE html>
<html>
<head>
<mate charset="utf-8">
<title></title>
<style type="text/css">
body{height: 10000px;}
div{width:100px;height:100px;}
#guding{background:lightblue;position: fixed;left: 100px;top: 200px;}
#xiangdui{background:lightcoral;position: relative;left:100px; top:100px; }
#juedui{background:lightgreen;position: absolute;left:100px;top:100px; }
</style>
</head>
<body>
<div id="guding">

</div>
<div id="xiangdui"></div>
<div id="juedui"></div>
</body>
</html>

posted @ 2021-11-08 12:51  EMAF  阅读(32)  评论(0)    收藏  举报