檬味博客 » 问答 » css如何控制某一个div始终位于页面右侧？

css如何控制某一个div始终位于页面右侧？

代码如下：
css如何控制某一个div始终位于页面右侧？
<style>
.div1{
position:absolute;
right:0;
top:30%;
height:50px;
width:50px;
background:red;
}
</style>

<div class="div1"></div>2009-12-07
代码如下：

扩展资料
关于CSS固定某个div始终位于页面右侧主要的positon属性介绍：
该属性规定元素的定位类型，这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
可能的值：
（1）absolute。生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
（2）fixed。生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
（3）、relative。生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
（4）、static。默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
（5）、inherit。规定应该从父元素继承 position 属性的值。
2018-12-17
实例：实现css如何控制某一个div始终位于页面右侧
1、首先打开DW软件，然后设置一个css样式，引用到div中如图所示

2、打开刚刚新建的html文件，用浏览器打开观看效果如图：

详解：实现此类固定某一个区域主要应用于：position:fixed;绝对定位：
控制div right:1%；与右侧距离为1%； top:20%； 头部距离20%；然后滑动右侧滚动条，会发现，div区域始终固定在一个位置；

扩展position的值与描述详解：
absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative 生成相对定位的元素，相对于其正常位置进行定位。

因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。

static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。

inherit 规定应该从父元素继承 position 属性的值。
2015-09-12
先在页面中放入一个DIV层，在页面中加入Script函数,函数中获得滚动条离页面上边距的距离，然后赋给DIV层的Y坐标，然后在函数外，也就是script脚本内调用页面的滚动条的滚动事件指向该函数....2009-12-07
position:absolute;2009-12-07
mengvlog 阅读 11 次 更新于 2025-07-21 07:35:39 我来答关注问题0
5 个回答檬味博客专题活动
  • 文暄生活科普 css怎么设置某一块固定

    css控制某个div固定不动 固定最常用的方法就是对其进行定位。但在定位的时候需要注意：①如果想固定在屏幕的某处，那么确定被固定的元素的父元素是body；②为固定元素设置宽高。比如给你的footer的class添加如下代码： .shopping_cart { position: fixed; left: 0;...

  • snowleung css如何控制某一个div始终位于页面右侧?

    代码如下：

  • 很多游戏 怎么固定网页里面的某个div位置?

    1、首先新建一个html页面，然后在这个html代码页面创建一个标签，同时给这个添加一个class类为footer。2、然后设置footer类，把div固定在底部。创建标签，在该标签内设置通过position: fixed;bottom:0设置footer类样式，把div固定在底部。css样式代码：.footer{ height: 100px;width: 1...

  • 惠企百科 怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动?

    1、使用CSS CSS让DIV固定位置不随滚动条而滚动，fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。代码我们可以这样写：html{overflow:hidden;} body{height:100%;overflow:auto;} （2）我们可以利用绝对定位来定...

  • dxyqq28 如何css控制div始终在整个页面最底部

    break-all;display:none;">'+ClosebuttonHtml+''+AdContentHtml+'');var Toppx = window.screen.height-AdDivH;document.getElementById("Javascript.LeftDiv").style.top=document.body.scrollTop+Toppx;} window.onscroll=scall;window.onresize=scall;window.onload=scall;...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部