css – 位置叠加div

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

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

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

解决方法

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

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

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

您可能也对修复感兴趣.@H_404_3@

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

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

原文链接:https://www.f2er.com/css/217500.html

猜你在找的CSS相关文章