码迷,mamicode.com
首页 > 其他好文 > 详细

fixed和sticky

时间:2018-10-23 14:58:38      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:inf   title   red   style   src   Fix   text   top   body   

 1 <!DOCTYPE html><html>
 2 <head>
 3     <meta charset="utf-8">
 4     <title>fixed和sticky</title>
 5     <style type="text/css"></style>
 6     <link rel="stylesheet"href="fixedsticky.css">
 7 </head>
 8 <body>       
 9     <div class="one">fixed</div>
10     <div class="two">sticky</div>
11 </body>
12 </html>
 1 body{
 2     margin:0px;
 3 }
 4   .one {
 5     width:100px;
 6     height:1000px;
 7     background: red;
 8 
 9   }
10   .two{ 
11     position:sticky;
12     width:100px;
13     height:100px;
14     background:blue;
15     top:30px;
16     left:120px;
17   }

技术分享图片技术分享图片

技术分享图片

fixed和sticky

标签:inf   title   red   style   src   Fix   text   top   body   

原文地址:https://www.cnblogs.com/lan-yu/p/9835716.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!