这个问题怎么解决
2007-12-26 22:35
176 查看
这个position属性其实是指本体对上级的定位。如果这么理解,就好办了。
默认的属性值都是static,静态。就不用多说了。最关键的是
relative(相对)以及absolute(绝对)。
往往我们如果是COPY别人的代码,会把absolute属性与left、top配合起来制作相关的“悬浮层”效果。然而有时候我们需要针对某一个容器的悬浮效果,而不是针对窗口的。这时候通过高度、宽度的计算不但麻烦,而且几乎无法完美实现效果。我一开始也无能为力,后来发现只要把其上一级的样式属性position设置为relative就可以了。
也就是说,position的属性值的效果,直接受其容器样式中position属性值影响。
例如如下A-B的嵌套结构
<div id="A">
<div id="B">
</div>
</div>当A的position为relative时,B的position为absolute才有效。这时候left:0、top:0就不再针对窗口文档,而是针对id为A的这个div了。
这样在开发一些基于B/S应用程序的时候,就能很方便的添加一些UI元素,例如某一个活动层的关闭按钮等。
默认的属性值都是static,静态。就不用多说了。最关键的是
relative(相对)以及absolute(绝对)。
往往我们如果是COPY别人的代码,会把absolute属性与left、top配合起来制作相关的“悬浮层”效果。然而有时候我们需要针对某一个容器的悬浮效果,而不是针对窗口的。这时候通过高度、宽度的计算不但麻烦,而且几乎无法完美实现效果。我一开始也无能为力,后来发现只要把其上一级的样式属性position设置为relative就可以了。
也就是说,position的属性值的效果,直接受其容器样式中position属性值影响。
例如如下A-B的嵌套结构
<div id="A">
<div id="B">
</div>
</div>当A的position为relative时,B的position为absolute才有效。这时候left:0、top:0就不再针对窗口文档,而是针对id为A的这个div了。
这样在开发一些基于B/S应用程序的时候,就能很方便的添加一些UI元素,例如某一个活动层的关闭按钮等。
相关文章推荐
- win7桌面背景不能设置怎么办通过组策略来解决这个问题
- 启动tomcat这个问题怎么解决????
- 小白求大神门指点一下我在运行vs2017时出现这个提示是为什么呀,怎么解决这个问题呢?
- swift怎么解决错误提示 'required' initializer 'init(coder:)' must be...这个问题
- oracle的shared memory realm does not exist这个错怎么解决? oracle ORA-01033(01034)问题怎么解决
- 怎么只显示一篇文章?有没有人来解决这个问题?
- 在Windows下sqlplus完全正常,可是到Linux下,sqlplus中文显示就出问题了,总是显示“??”,这个问题又怎么解决呢?
- 大家看看这个问题怎么解决啊(哎,论坛没分了)
- 运行ase的sybase central 时提示错误unable to load language dll 'scsslgzh',怎么解决这个问题,
- 穆利堂推荐:员工效率低下怎么办?工作日志,就是解决这个问题的一种简单办法。
- android studio 安装时,出现这个问题,该怎么解决?
- 这个问题怎么解决呀?帮帮忙呀
- CMakeList.txt编译时出现这个问题该怎么解决?
- 自定义对话框顶部两角出现黑线,底部正常,这个问题怎么解决?求大神赐教~~
- 回收站不见了 怎么办?--- 近日多人加Q要求解决这个问题---今天总结一下
- 数据丢失这个问题怎么解决?
- 使用visio 提示此UML形状所在的绘图页不是UML模型图的一部分 请问这个问题怎么解决?
- 怎么在eclipse的logcat上调出sysout窗口,如下图所示。请问这个问题你解决了吗?
- 这个问题怎么解决