1.图片的大小时200 201，我给包含他的div设置的是300 100，下面的div的margin值是60，发现图片会把下面的div给盖住。就算是给下面的div设置了overflow；hidden属性还是不行。加上宽度也是不行的。2.下面再给图片设置一个绝对定位。此时div2的位置并没有发生什么变...
分类：
其他好文 时间：
2015-08-16 13:34:17
阅读次数：
139
现在几乎所有主流的浏览器都支持position属性，下面是w3school对position五个值的解释：absolute:生成绝对定位的元素，脱离了文档流，相对于static定位以外的第一个父元素进行定位。元素的位置通过left,top,right以及bottom属性进行定位。元素可以通过z-in...
分类：
Web程序 时间：
2015-08-13 20:04:20
阅读次数：
113
用div元素来模拟弹出框很普遍，它可以自行定制各式各样的弹出框。弹出框一般用的是fixed绝对定位，也就是相对于浏览器窗口定位。在文档高度大于窗口高度的情况下，弹出框会存在一个问题。当弹出框在显示的时候，滚动鼠标（PC端）或滑动页面（移动端）会导致文档滚动。还有在弹出框的高度也大于窗口高度时，滚动鼠标或滑动页面会先滚动弹出框，直到滚动条到头或到尾时，继续滚动弹出框仍然会导致文档的滚动。...
分类：
其他好文 时间：
2015-08-13 18:03:42
阅读次数：
100
为什么设置z-index属性无效:z-index属性生效需要特定的条件才可以的，否则当然不会生效。下面简单介绍两种不生效的情况。一.对象没有应用绝对定位或者相对定位:对象必须应用绝对定位或者相对定位之后，z-index属性才有生效的可能。二.浏览器兼容性导致:例如，在IE6浏览器下select下拉框...
分类：
其他好文 时间：
2015-08-12 01:17:28
阅读次数：
603
CSS如何控制div固定于网页底部:网页设计中可能需要这样的效果，那就是将一个条幅放在网页的最底部，并且在网页滚动的时候能够穿过此条幅。代码实例如下:蚂蚁部落 其实我很长，往下使劲拉吧蚂蚁部落欢迎您！以上代码满足了我们的需求。下面简单介绍一下实现步骤:一.将底部div与主体div进行绝对定位，于是....
分类：
Web程序 时间：
2015-08-12 01:16:48
阅读次数：
199
css布局模型在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）层模型--绝对定位如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right...
分类：
Web程序 时间：
2015-08-11 17:40:26
阅读次数：
145
绝对定位：如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，...
分类：
其他好文 时间：
2015-08-11 13:42:56
阅读次数：
127
absolute：绝对定位；relative：相对定位；唉，以前只是知是知道这两个单词的汉语意思，然后呢，，，怎么用。。。也是摸凌两可的用。终于抽出时间来看看了：1.绝对定位：absulute Absolute ----position:absolute： 表示绝对定位，位置将依据浏览器左上角开始....
分类：
其他好文 时间：
2015-08-11 11:34:34
阅读次数：
129
position拥有三种定位方式：1.静态定位（static)2.相对定位 (relative)特点：相对与自身原有位置进行偏移仍处于标准文档流中随即拥有偏移属性和z-index 属性3.绝对定位(absolute)(fixed)特点：建立了以包含块为基准定位完全脱离文档流随即拥有偏移属性和z-in...
分类：
其他好文 时间：
2015-08-11 11:32:06
阅读次数：
98
CSS相对定位的参考对象是哪个:既然是定位，那么肯定有一个参考对象作为参考，否则就无法使用top、left、bottom和right属性。下面简单介绍一下绝对定位对象的参考对象。先看一个没有使用定位的代码实例:蚂蚁部落 代码运行如我们所预期。下面再看一段为子div进行相对定位以后代码:蚂蚁部落 .....
分类：
Web程序 时间：
2015-08-11 06:55:54
阅读次数：
154
