标签：image font png 测试 why type pos img styles
1 <!DOCTYPE html><html> 2 <head> 3 <meta charset="utf-8"> 4 <meta name="author" content="http://www.softwhy.com/" /> 5 <title>测试absolute与fixed</title> 6 <style type="text/css"></style> 7 <link rel="stylesheet"href="position.css"> 8 </head> 9 <body style="height:1000px;"> 10 <div id="left">absolute</div> 11 <div id="right">fixed</div> 12 </body> 13 <h1>fixed相对移动的坐标是视图（屏幕内的网页窗口）本身，而absolute相对body坐标原点进行定位</h1> 14 </html>
1 div{
2 width:100px;
3 height:100px;
4 background:yellow;
5 }
6 #left{
7 left:0px;
8 top:100px;
9 font-size:28px;
10 position:absolute;
11 }
12 #right{
13 right:0px;
14 top:100px;
15 font-size:28px;
16 position:fixed;
17 }
18 h1{
19 left:0px;
20 top:100px;
21 font-size:18px;
22 }
标签：image font png 测试 why type pos img styles
原文地址：https://www.cnblogs.com/1738321847xubo/p/9824550.html
