前言 接触html、和css时间也不短了，但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决，但总不是个事，所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系。 文档流的概念 确切的说 ...
分类：
Web程序 时间：
2017-05-26 10:56:09
阅读次数：
244
1.一般如果我们不给元素设置position，则默认为static，此时是该元素是没有定位的，像left/right这些偏移属性都是没有效果的。2.position:relative（相对定位）若设置为相对定位，即可配置left/right这些偏移，相对于该元素原有位置进行偏移，并且，原有位置任占据着文档流的空..
分类：
Web程序 时间：
2017-05-25 22:05:37
阅读次数：
189
文章出处：张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]本文地址：http://www.zhangxinxu.com/wordpress/?p=944 关于如何处理网站的CSS，各个网站做法都不一样，这随着网站的性质及大小不同，公司前人留下的规范不同，以及CSS工程师的 ...
分类：
Web程序 时间：
2017-05-25 13:30:12
阅读次数：
802
一、css定位 CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 1.普通流：未专门指定的元素都在普通流中定位，position:static/relative;和float:none;也在普通流中定位。 2.绝对定位：position:absolute/fixed;元素框脱离普通文档流。 3 ...
分类：
Web程序 时间：
2017-05-24 12:40:45
阅读次数：
211
假如浮动也有z-index的话，三者的z-index关系是怎样的呢？ 在不手动设置z-index的情况下：fixed>absolute>float，也就是固定定位压住绝对定位，绝对定位会压住浮动元素。 如果把绝对定位的z-index设置为1就能反压住固定定位的元素了（前提是固定定位的元素没设置z-i ...
分类：
其他好文 时间：
2017-05-23 23:47:45
阅读次数：
171
关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局关于唯典冰淇淋新闻页的布局 //绝对定位 ...
分类：
其他好文 时间：
2017-05-23 10:17:57
阅读次数：
162
一、相对定位(position:relative) 如果想让一个元素在本来的位置进行一个位移,可以将该元素的定位设置为relative,同时指定相对位移(利用top,bottom,left,right).需要注意的是,元素仍然在文档流中,占据着它本来的位置空间. 二、绝对定位(position:ab ...
分类：
Web程序 时间：
2017-05-22 18:26:42
阅读次数：
130
1.flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。 2.采用绝对定位，相对于父元素 3.使用vue-resourse获取json并应用到模板 现在越来越多的数据传输方式都是json数据格式，包括用jquery开发时，也有很好用的$.ajax来 ...
分类：
其他好文 时间：
2017-05-22 00:11:37
阅读次数：
1323
第一种方式： text-align:center; vertical-align:middle; 第二种方式 通过设置img为绝对定位，处于垂直和水平50%，然后平移自身宽高的50% ...
分类：
其他好文 时间：
2017-05-21 11:50:43
阅读次数：
153
Position 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "righ ...
分类：
其他好文 时间：
2017-05-21 10:49:36
阅读次数：
89
