一、利用position的sticky属性 sticky页面不动的情况下，它就像 position:relative;而当页面滚动超出目标区域时，它表现的就像 position:fixed;，会固定在目标位置。 relative(相对定位)是指给元素设置相对于原本位置的定位，元素并不脱离文档流，因此 ...
分类：
其他好文 时间：
2020-03-15 17:37:21
阅读次数：
94
1 浮动的副作用 html代码 css代码 2绝对定位，相对定位，固定定位 html css 3 利用z index显示遮罩层和浮层 html代码 css 4 透明度的例子 html css ...
分类：
其他好文 时间：
2020-03-14 00:51:02
阅读次数：
55
最近在学习使用ivx进行开发的过程中，对响应式布局/自适应布局/宽度自适应（相对定位）方面的开发颇有收获，自己总结了些经验希望能和大家分享下。为了方便，我针对官网的demo栅格系统，进行了以下分析：1.自适应布局的核心组件要用到相对行的环境宽，单个模板的进行设计的时候通过设置环境宽变化时模块的宽度，可以实现不同环境宽时都能美观合适地展示模块，我多少试验后发现环境宽较大时，将模块宽度就设置小一点，这
分类：
其他好文 时间：
2020-03-12 18:34:57
阅读次数：
69
（1）知道子元素的宽高 <!--父元素相对定位--> <!--子元素绝对定位--> .child{ position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50px; } （2）不考虑子元素的宽高 <!--父元素不能有 ...
分类：
Web程序 时间：
2020-03-12 14:08:21
阅读次数：
98
实现一个不设置宽高的盒子水平垂直居中的效果的方法 方法一、CSS+定位 让其父元素相对定位，内部元素绝对定位，这里的父元素为body。 原理：让未定义宽高的图片上下左右距离都为0.然后给一个margin自适应。可以想象成一个盒子，给了四个方向的相同的力，这样就会形成一种相对的均衡力量让其停留在中间位 ...
分类：
其他好文 时间：
2020-03-11 01:31:39
阅读次数：
92
行内水平居中设置通过给父元素设置 text-align:center 来实现的，块状元素分定宽和不定宽块状元素实现水平居中有3种方法：1.加入 table 标签2.设置 display: inline 3.设置 position:relative 和 left:50%：利用 相对定位 的方式，将元素... ...
分类：
其他好文 时间：
2020-03-07 10:04:55
阅读次数：
65
定位 可通过position属性还设置元素的定位。 ?可选值：static 默认值 没开启 ? relative 开启相对定位 ? absolute 开启绝对定位 ? fixed 开启固定定位（绝对定位的一种） 开启定位后可通过left、right、top、bottom四个属性来设置元素偏移量。 l ...
分类：
Web程序 时间：
2020-03-07 09:35:35
阅读次数：
82
在网页中元素有三种布局模型：1.流动模型（Flow）2.浮动模型 (Float)3.层模型（Layer）,如何让html元素在网页中精确定位?通过css定位属性position来支持层布局模型=>层模型有三种形式：1.绝对定位(position: absolute)2.相对定位(position: ... ...
分类：
Web程序 时间：
2020-03-07 00:13:16
阅读次数：
87
文档流： 普通流：上至下，左至右 浮动流：元素添加了float：； 定位流：添加了定位属性 定位 position:; static 默认值 absolute 绝对定位(脱离文档流，不占位；默认参考浏览器零点) relative 相对定位（占据文档流，占位置；参考自身加载在页面中的位置） fixed ...
分类：
其他好文 时间：
2020-03-06 19:06:58
阅读次数：
57
<html> <head> <title>css的定位</title> <meta charset="UTF-8"/> <!-- css的定位学习： position 相对定位:relative 作用：相对元素原有位置移动指定的距离(相对的自己的原有位置) 可以使用top,left,right,bo ...
分类：
Web程序 时间：
2020-03-04 19:05:49
阅读次数：
62
