div固定浮动某位置

Posted zylbky

tags:

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

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

技术图片

代码 

<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固定浮动某位置的主要内容,如果未能解决你的问题,请参考以下文章

滚动时固定/浮动的div元素

CSS position:fixed 实现html元素固定于某位置

页面顶部固定浮动 div 中的引导警报

请教如何通过CSS实现div的固定位置,不随页面滚动消失

滚动时如何使菜单栏固定在顶部

div浮动定位:左边纵两个,右边一个,怎么解决