css 定位reletive absolute fixed reletive 相对定位：相对于自己的定位，并没有脱离标准文档流； absolute 绝对定位： 相对于距离自己最近的父级元素做定位，（先找父元素，父元素如果没定位，继续向上寻找爷爷辈的元素，依次类推）脱离标准文档流； fixed 固定定 ...
分类：
Web程序 时间：
2017-11-16 14:26:52
阅读次数：
126
CSS中存在3种的定位机制： 标准文档流（Normal flow） ，浮动（Floats），绝对定位（Absolute Positioning）。 盒子模型： css动画设置 css样式分为三种： 1、使用CSS的方式 1、内联方式(行内样式) 将css样式定义在某个单独的标签中即将 样式内容 写在 ...
分类：
Web程序 时间：
2017-11-12 18:36:55
阅读次数：
296
一、定位属性position 1、相对定位relative 相对定位是相对于该元素在文档流中的原始位置，即以自己原始位置为参照物。有趣的是，即使设定了元素的相对定位以及偏移值，元素还占有着原来的位置，即占据文档流空间。对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常 ...
分类：
编程语言 时间：
2017-11-11 20:48:58
阅读次数：
198
CSS3:position 取值：static:无特殊定位，对象遵循正常文档流。top,right,bottom,left等属性不会被应用。 relative:对象遵循正常文档流，但将依据top，right,bottom,left等属性在正常文档流中偏移位置 absolute:对象脱离正常文档流，使 ...
分类：
其他好文 时间：
2017-11-11 19:51:50
阅读次数：
226
所谓文档流，指的是元素排版布局过程中，元素会从左往右，从上 往下的流式排列。并最终窗体自上而下分成一行行，并在每一行中按照从左至右的顺序排放 元素。脱离文档流即将元素从普通的布局排版中拿走，其他盒子定位的时候，就当没看到他，两者位置重叠也是可以的。 脱离文档流的方式：浮动和定位。 1. 定位脱离文档 ...
分类：
Web程序 时间：
2017-11-10 12:49:25
阅读次数：
223
主要是四种定位方式：static、absolute、relative、fixed ?static静态定位：默认的定位方式，就是文档流。 ?absolute绝对定位： 1、元素使用绝对定位之后不占据原来的位置（脱标）。 2、元素使用绝对定位，位置是从浏览器出发。 3、嵌套的盒子，父盒子没有使用定位，子 ...
分类：
Web程序 时间：
2017-11-07 16:21:30
阅读次数：
213
float作用就是在于布局，首先要介绍的是文档流（标准流），之后是浮动布局。 文档流：元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行。 浮动布局： 1、float: left | right 2、元素浮动之后不占据原来的位置（脱标） 3、浮动的盒子在一行上显示 ...
分类：
Web程序 时间：
2017-11-06 19:09:31
阅读次数：
160
日常切图布局中经常要用到浮动，但是，只会用却不知道浮动的原理，清除浮动的作用。 今天就讲解一下浮动的基本作用与原理，清除浮动的那些方法，日常开发通常用什么清除浮动。 一、什么是浮动？ 使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 二、什么是文档流？ 文档流是文档中 ...
分类：
Web程序 时间：
2017-11-05 15:08:59
阅读次数：
158
1，浮动float 让原来的元素脱离文档流，实现左右排列， 不设置宽度为最小宽度（内部元素的宽度） 2，定位position relative 即使偏移，原始位置还在 相对自己进行偏移 absolute 偏移了，位置就没了 相对最近的relative/absolute父元素进行偏移 即使偏移，原始位 ...
分类：
Web程序 时间：
2017-10-31 21:31:23
阅读次数：
180
1.左栏固定，右栏自适应 实现效果： 2左右两栏固定，中间自适应 方法一：使用float浮动 自身浮动法的原理就是对左右两栏分别使用float:left和float:right。float使左右两栏脱离文档流。中间元素不浮动，还在正常的文档流中，对中间元素使用margin指定左右外边距对其进行定位 ...
分类：
其他好文 时间：
2017-10-28 19:51:33
阅读次数：
143
