手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS控制DIV绝对定位、相对定位的技巧
CSS控制DIV绝对定位、相对定位的技巧
摘要:我们在网页设计中常常会用到position属性,里面有5个值,分别是:absolute、fixed、relative、static、inhe...

 我们在网页设计中常常会用到position属性,里面有5个值,分别是:absolute、fixed、relative、static、inherit。

常用到的其实就是absolute和fixed。

absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。

这两个值的区别在于,一个是相对于static的父元素定位,一个是相对于浏览器窗口定位。

不少朋友在使用absolute的时候发现它“似乎”也是针对浏览器窗口定位的,其实是因为没有设置父元素的static值。

代码应该这样写:

这样,id为son的div才会相对于id为parent的div进行“绝对定位”。

而fixed就完全不受任何约束了,不过在IE6浏览器下是无效的,IE8以后都是可以正常使用的了。

【CSS控制DIV绝对定位、相对定位的技巧】相关文章:

巧用CSS来控制div自适应浏览器的高度

CSS强制换行对齐的实现方法

CSS控制Table内外边框、颜色、大小示例

另一个CSS图片替换的技巧

CSS控制让每行显示4个图片的样式

CSS 控制Html页面高度导致抖动问题的原因

list-style-image无法准确定位通过(li的背景模拟或相对定位)解决

CSS3实现漂亮的按钮动画

CSS中怎么让DIV居中亲自实验得出的结论

CSS制作11种风格不同的特效文字

精品推荐
分类导航