前言 接触html、和css时间也不短了，但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决，但总不是个事，所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系。文档流的概念 确切的说应...
分类：
Web程序 时间：
2014-08-18 17:59:12
阅读次数：
290
A (relative)B (relative)最近做minisite项目时，碰到了个奇怪的定位问题: 以上的A，B两个盒子是相对定位,标牌logo是A的子级，基于A做绝对定位问题描述：我们希望标牌logo显示在最上面，但在IE下logo标牌部分被B区域遮住,B在最上层显示，调整logo的z-ind...
分类：
其他好文 时间：
2014-08-13 18:38:17
阅读次数：
369
其实前面的标准流和浮动流都很理解，就是定位不太好理解，特别是相对定位和绝对定位，很多刚开始学的同学不好区分。因此这里，小强老师和大家一起分享CSS定位的学习。通过我们前面的学习，我们网页布局方法：1.标准流（最稳定）2.浮动流（float其次）3.定位流(稳定性最后)定位是完全脱离标准流的一种布局方...
分类：
Web程序 时间：
2014-08-09 00:08:36
阅读次数：
231
CSS 定位属性CSS 定位属性允许你对元素进行定位。属性描述position把元素放置到一个静态的、相对的、绝对的、或固定的位置中。top定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。right定义了定位元素右外边距边界与其包含块右边界之间的偏移。bottom定义了定位元素下外边距边...
分类：
Web程序 时间：
2014-08-04 21:27:37
阅读次数：
470
如何让图1中的div2移动到如图2上的位置； 思路：哪些css命令能够影响盒子显示的位置呢？ relative相对定位/定位偏移量 position:relative; 相对定位 a、不影响元素本身的特性； b、不使元素脱离文档流； c、如果没有定位偏移量，对元素本身没有任何影响； 定位元素位置控制...
分类：
Web程序 时间：
2014-07-28 11:28:10
阅读次数：
282
【webQD】☆★之详解position:absolute、relative首先我们来看一下W3C对position的解释:我们再看，W3C对position属性值的解释:ok,我们需要了解的是:其中absolute和relative是最常用的，fixed用得也比较多（其中IE6并不支持fixed）。1、absolute（绝对定位）absolute是生成觉对..
分类：
Web程序 时间：
2014-07-23 21:09:46
阅读次数：
308
前面我在解读CSS中也说过了关于相对定位和绝对定位的问题，无奈还是有些童鞋表示迷茫，于是另开一篇博客，来详细解读相对定位和绝对定位，希望能够以我的点点星光，让后来者少走弯路。
所谓相对定位，就是设置为相对定位的元素会偏移某个距离，元素仍然保持原来的样式，它会保留该HTML元素的空间，比如我们看如下代码：
.demo{
position: relative;
width:50px;
h...
分类：
Web程序 时间：
2014-07-23 18:06:26
阅读次数：
302
普通定位 positiont：static 普通文档流中的元素的position的默认值为static，无需主动声明。忽略top、right、bottom、left和z-index。 相对定位 position：relative .relative{
????position:relative;
??...
分类：
Web程序 时间：
2014-07-21 10:29:18
阅读次数：
249
ie7下绝对定位元素即使z-index值很高，如果其设置相对定位的父元素没有设置z-index值的话，其可能（这种可能性当然是布局存在遮盖的时候）会被后面设置了相对定位的元素遮挡（即使后面的相对定位的元素没有设置z-index值）； 如果上下这两个div存在互相遮盖的情况，那么下面的div会遮盖住....
分类：
其他好文 时间：
2014-07-19 15:30:08
阅读次数：
237
