定位：position属性：position描述：设置对象的定位方式值： static 静态定位：页面中的每一个对象的默认值 absolute 绝对定位：将对象从文档流中分离出来，通过设置left、right、top、bottom 四个方向相对于 父级对象进行绝对定位。如果不存在这样的父对象，则依据 ...
分类：
其他好文 时间：
2020-03-22 13:50:44
阅读次数：
70
float的特性： 1. 元素‘浮动’ 2. 脱离文档流 3. 但不脱离文本流 float 对自身影响： 1. 形成“块”（BFC），可设置宽高 2. 位置尽量靠上 3. 位置尽量靠左(右) float 对兄弟影响： 1. 一般上面贴非float元素 2. 旁边贴float元素 3. 不影响其它块级 ...
分类：
其他好文 时间：
2020-03-21 09:29:36
阅读次数：
85
相对定位 如果想为元素设置层模型中的相对定位，需要设置position:relative;，它还是会占用该元素在文档中初始的页面空间，通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bott ...
分类：
Web程序 时间：
2020-03-19 13:22:48
阅读次数：
71
1.相对定位 position:relative; 2.绝对定位 position:absolute; 3.固定定位 position:fixed; ...
分类：
Web程序 时间：
2020-03-18 23:58:06
阅读次数：
121
[TOC] HTML5使用纯CSS实现“按比例平分”整个垂直空间 需求 需要实现头部固定在"屏幕"上方+中部滚动+底部固定在"屏幕"下方的页面布局样式。 类似以下效果: "css布局——底部固定，内容足够多时其位置随内容而变，始终在最底部_网络_wj1224_的博客 CSDN博客" 可惜上面网址给出 ...
分类：
Web程序 时间：
2020-03-18 13:49:47
阅读次数：
303
浮动：浮动元素不占用源文档流的位置，所以会对后面或者父级元素的排版产生影响，为解决这个问题，需要在元素中清除浮动，解决浮动元素造成的影响 父级元素因为子元素浮动而高度变为0 1.给父元素定义高度 2.利用after和zoom 添加一个空div 利用clear:both让父div自动获取高度 .cle ...
分类：
其他好文 时间：
2020-03-17 23:47:45
阅读次数：
60
一、利用position的sticky属性 sticky页面不动的情况下，它就像 position:relative;而当页面滚动超出目标区域时，它表现的就像 position:fixed;，会固定在目标位置。 relative(相对定位)是指给元素设置相对于原本位置的定位，元素并不脱离文档流，因此 ...
分类：
其他好文 时间：
2020-03-15 17:37:21
阅读次数：
94
#### CSS属性值background背景 - 背景颜色 - background-image:url( );背景图片 - background-repeat:no-repeat; 设置背景图片是否平铺 - repeat：平铺，默认值 - no-repeat 不平铺 - background-s ...
分类：
Web程序 时间：
2020-03-08 13:59:42
阅读次数：
83
1.为什么清除浮动？ 浮动的框可以左右移动，直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流，当元素浮动之后，不会影响块级元素的布局，只会影响内联元素布局。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当包含框的高度小于浮动框的时候，此时就会出现“高度塌陷”。 ...
分类：
Web程序 时间：
2020-03-07 13:29:11
阅读次数：
92
文档流： 普通流：上至下，左至右 浮动流：元素添加了float：； 定位流：添加了定位属性 定位 position:; static 默认值 absolute 绝对定位(脱离文档流，不占位；默认参考浏览器零点) relative 相对定位（占据文档流，占位置；参考自身加载在页面中的位置） fixed ...
分类：
其他好文 时间：
2020-03-06 19:06:58
阅读次数：
57
