第三篇博客

Posted 1738321847xubo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第三篇博客相关的知识,希望对你有一定的参考价值。

技术分享图片
 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 }
技术分享图片

技术分享图片

技术分享图片

以上是关于第三篇博客的主要内容,如果未能解决你的问题,请参考以下文章

项目冲刺Beta第三篇博客

我的第三十三篇博客---flask

数据结构初阶第三篇——单链表(实现+动图演示)[建议收藏]

深入学习 jQuery 选择器系列第三篇——过滤选择器之索引选择器 - 小火柴的蓝色理想 - 博客园

C++初阶第三篇——初始C++(引用+内敛函数+auto关键字+范围for循环)

python成长之路第三篇_正则表达式