CSS中应用position的absolute和relative的属性制作浮动层
来源:互联网 发布:威客圈网络兼职平台 编辑:程序博客网 时间:2024/05/24 05:04
折腾了好久,z-index设置的快到天文数字了,就是没有预期的结果出来,很郁闷了一阵子! 我的浮动层结构大概如下: <div id="container"> <div id="content"> </div> </div> 要实现的是content层的浮动。 刚开始的时候想着通过z-index的值来实现不同的层,position属性都没有特别关注。但是结果怎么也出不来,后来查找资料得知position属性可以理解为是本元素针对父元素的定位。只要把本元素的position属性设置为:absolute,然后把父元素的position属性设置为:relative,那么本元素的left,top属性就是针对父元素的值了,而不是正对document窗口了。 本例中当container的position为relative时,content的position为absolute才有效。这时候content的left:0;top:0就不再针对document窗口了,而是针对id为container的这个div了。 为了纪念白白逝去的无数光阴,也算是为自己的无知买单,写此以备忘。
- CSS中应用position的absolute和relative的属性制作浮动层
- CSS的position属性:relative和absolute
- CSS中position的absolute和relative的应用
- CSS中position的absolute和relative的应用
- CSS中position的absolute和relative的应用
- CSS里面的position属性的absolute和relative值
- CSS种position的absolute和relative的应用
- CSS种position的absolute和relative的应用
- position属性absolute和relative的区别
- CSS中position的absolute和relative用法
- position定位属性中absolute和relative的区别
- CSS中position的absolute和relative的应用http://www.awflasher.com/blog/archives/731
- css中的position属性absolute和relative
- css - position:absolute和position:relative的区别
- CSS position属性absolute relative等五个值的解释
- CSS position属性的四个值:static,absolute,fixed,relative
- CSS position属性absolute relative等五个值的解释
- CSS position属性absolute relative等五个值的解释
- 61条面向对象设计的经验原则
- 发布一个简单而又灵活的基础编译环境文件:compiler.mk,欢迎大家共同改进之
- 最后一次六级考试的晚上
- 编程语言EF速度测试(2):n-body
- 异常处理的问题
- CSS中应用position的absolute和relative的属性制作浮动层
- 网页设计. 痛苦的抉择
- 《Linux命令行和Shell脚本开发圣经》:致谢
- 用ScribeFire发布CSDN blog收
- test
- CSDN的BLOG高级模式有问题??
- 编程语言EF速度测试(3):fannkuch
- 毕业情结
- 更正!