CSS绝对定位模拟固定定位(absolute模拟fixed)

滚动条的产生
滚动条在谁身上
初始包含块

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">*{margin: 0;padding: 0;}html{height: 100%;overflow: hidden;}body{height: 100%;overflow: hidden;}#wrap{height: 100%;border: 1px solid deeppink;overflow: auto;}#pink{position: absolute;left: 0;top: 0;width: 200px;height: 200px;background: pink;}</style></head><body><!--初始包含块：是一个视窗大小的矩形！！ 这里的id=wrap是初始包含块--><div id="wrap"><div id="pink"></div><div id="test" style="height: 3000px;"></div></div></body>
</html>

CSS绝对定位模拟固定定位(absolute模拟fixed)相关推荐

[css] 说说你对相对定位、绝对定位、固定定位的理解
[css] 说说你对相对定位.绝对定位.固定定位的理解 position 属性指定了元素的定位类型.position 属性的五个值:static(默认值) relative(相对定位) fixed(固 ...
定位组成，相对定位，绝对定位，固定定位、定位的特殊性，脱标的盒子不会触发外边距塌陷，绝对定位（固定定位）会完全压住盒子，焦点图布局（html+css）
定位是可以让盒子自由自在的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子. 定位:将盒子定在某一个位置.所以也是在摆放盒子,按照定位的方式移动盒子. 定位=定位模式+边偏移定位模式 ...
前端——css相对定位，绝对定位，固定定位
文章目录相对定位 position: relative; 特性用途绝对定位 position: absolute; 绝对定位参考点单独盒子绝对定位参考点: 父辈元素设置了相对定位,则子元素绝对 ...
html固定按钮相对位置,CSS基础之相对定位，绝对定位，固定定位，z-index
1.相对定位 1.1.相对定位,就是微调元素位置的.让元素相对自己原来的位置,进行位置调整.也就是说,如果一个盒子想进行位置调整,那么就要使用相对定位 a position:relative; → 必 ...
CSS定位布局：静态定位、相对定位、绝对定位、固定定位、粘滞定位、Z-index定位
目录 1.定位布局 1.1.静态定位( Static positioning) 简单代码实现: - 1.2.什么是相对定位?( Relative positioning ) 简单代码实现: - 1 ...
网页定位(position属性、相对定位、绝对定位、固定定位、z-index、设置透明度)
position属性 static:默认值,没有定位 relative:相对定位,相对于自己原来的位置进行偏移 absolute:绝对定位,以它最近一个已经定位的祖先元素为基准进行偏移 fixed:固 ...
html 定位z_index,绝对定位、固定定位和z-index
#### 绝对定位 * 一旦给元素加上`absolute`或`float`就相当于给元素加上了`display:block` * `absolute`元素覆盖正常文档流内元素(不用设z-index,自 ...
解决vue中绝对定位或固定定位在底部的按钮随键盘移动的问题
解决vue中绝对定位或固定定位在底部的按钮随键盘移动的问题参考文章: (1)解决vue中绝对定位或固定定位在底部的按钮随键盘移动的问题 (2)https://www.cnblogs.com/zlfP ...
WEB学习 -相对定位、绝对定位、固定定位、z-index
相对定位相对定位,就是微调元素位置的.让元素相对自己原来的位置,进行位置调整. 2.不脱标,老家留坑,形影分离也就是说相对定位不脱标,真实位置是在老家,只不过影子出去了,可以到处飘.3.相对定位用途 ...

CSS绝对定位模拟固定定位(absolute模拟fixed)

CSS绝对定位模拟固定定位(absolute模拟fixed)相关推荐

最新文章

热门文章