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

div固定浮动某位置

时间:2019-08-22 11:14:56      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:mamicode   url   margin   http   banner   代码   abs   inf   repeat   

效果图,图片始终处于这个位置。

技术图片

代码 

<style>
#NavTop {
width: 140px;/*图片盒子的宽度 右移*/
height: 250px;
margin-top: 50px;
position: fixed;
right: 0px;
top: 200px; /*固定位置,右浮动,距上200px*/
}
#NavTop #NavCon {
width: 140px;
height: 250px;
background: url(‘images/d.png‘) repeat-y;
position: relative;

}
#NavTop #NavCon img.banner {
position: absolute;
left: 25px;
top: -40px;
}

</style>

 

<div id="NavTop">
  <div id="NavCon">
    <img width="140" height="130" src="../../IMAGE/2G-4G.jpg" />
  </div>
</div>

div固定浮动某位置

标签:mamicode   url   margin   http   banner   代码   abs   inf   repeat   

原文地址:https://www.cnblogs.com/zylbky/p/11392679.html

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