Html 附于div内的表格
我在一号舱里有一张桌子 然后在第1部分之后添加另一个第2部分,位置为:相对;顶部:-250;因此,div2层将位于表的正上方。但是现在在桌子下面有一个很大的空间,页面上的任何内容都可以恢复显示(我猜第二个div2通常没有-250位置的变化?) 我如何摆脱空间并清理它?我试过这个Html 附于div内的表格,html,css,Html,Css,我在一号舱里有一张桌子 然后在第1部分之后添加另一个第2部分,位置为:相对;顶部:-250;因此,div2层将位于表的正上方。但是现在在桌子下面有一个很大的空间,页面上的任何内容都可以恢复显示(我猜第二个div2通常没有-250位置的变化?) 我如何摆脱空间并清理它?我试过这个 <div style="clear:both;"></div> …它什么也没做 页面在这里 我真的需要一种方法,在表格的顶部有一个我可以写文本的图层(如数字2)。有没有
<div style="clear:both;"></div>
…它什么也没做
页面在这里
我真的需要一种方法,在表格的顶部有一个我可以写文本的图层(如数字2)。有没有一个简单的方法可以做到这一点
现在在播放按钮前有一个很大的空间,为什么
更新:
我是按照Fraxtil的建议做的:
使用位置:绝对位置;利润上限:-250px;似乎是你正在寻找的解决方案
左起:375
…这就行了
但这难道不会让第二组一直在那里吗?如果表格在页面上的位置发生变化怎么办?我可以这样做吗?这样它就可以以某种方式直接与表格位置相关?使用
位置:绝对;利润上限:-250px
似乎是您正在寻找的解决方案。为了响应您的更新,div总是会相对于它的直接容器移动,这是许多人都不知道的,因为它并不那么明显
绝对项目的定位方式
绝对,作为一种定位模式,指定将定位的项目从正常文档流中移除,相对于其容器在文档流中的位置绝对定位,并将其下方的任何项目上移
指定的坐标是偏移,而不是绝对位置。也就是说,你是说,“向左移动20像素,向上移动15像素”。你不是说“从左边转到像素位置20,从左边转到像素位置15”。如果你说的是第二个条件,那么div永远不会从位置20x15移动,你就会有问题。(请注意,此处也可以使用宽度和高度。)
您的“绝对”定位元素实际上是相对于其容器定位的。浏览器负责使用样式表中指定的样式信息,确保它们彼此保持在指定的距离内
如何识别容器
现在,问题变成了,抵消什么?这就是诀窍。通常,这是元素的直接容器。但并不是那么简单。任何时候对元素应用定位时,该元素都将成为容器。困惑了吗?:)
绝对定位元素的包含块为:
- 最近定位的祖先(绝对定位元素之外的最近元素,其位置为固定、绝对或相对),或-
- 初始包含元素(浏览器窗口)
涵盖CSS定位相当好。它很长,有一个恼人的魔法界面,但它完成了任务。你能发布你的HTML和CSS吗?听起来好像你不想让你的DIV 2可见,因为它是-250,并且在表的顶部上方…可能的副本可以编辑你的问题,并将评论留给其他人的答案。当你没有回答问题时,请不要在回答部分发帖。谢谢,欢迎来到Stack Overflow!