赞助商

css – 位置叠加div

发布时间:2019-07-11 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了css – 位置叠加div脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在表格单元格中有一个链接,当点击链接时,我显示一个隐藏的div.

目前我使用position:absolute和z-index:10.它工作正常,但我想将它移动到顶部和左侧.当我添加top:-10px和left:-10px时,div移动到窗口的位置.

如何将它从表格单元格中取出10px?

解决方法

您需要使用position relative设置父元素,然后在要定位的元素上使用position absolute.因此,如果您希望根据表格定位,则需要添加位置:相对于表格(不会做任何事情,因为它已经相对定位)和位置:绝对到叠加层.绝对定位将元素从文档流中取出,相对定位将其留在文档流中,这就是移动内容的原因.原因在于CSS的工作原理: http://www.w3schools.com/css/pr_class_position.asp

relative元素相对于其正常位置定位,因此“left:20”将20个像素添加到元素的LEFT位置

absolute元素相对于其第一个定位(非静态)祖先元素定位

您可能也对修复感兴趣.

fixed元素相对于浏览器窗口定位

这是一个例子:http://pastehtml.com/view/av391nzsv.html

总结

以上是脚本之家为你收集整理的css – 位置叠加div全部内容,希望文章能够帮你解决css – 位置叠加div所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: