Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 附于div内的表格_Html_Css - Fatal编程技术网

Html 附于div内的表格

Html 附于div内的表格,html,css,Html,Css,我在一号舱里有一张桌子 然后在第1部分之后添加另一个第2部分,位置为:相对;顶部:-250;因此,div2层将位于表的正上方。但是现在在桌子下面有一个很大的空间,页面上的任何内容都可以恢复显示(我猜第二个div2通常没有-250位置的变化?) 我如何摆脱空间并清理它?我试过这个 <div style="clear:both;"></div> …它什么也没做 页面在这里 我真的需要一种方法,在表格的顶部有一个我可以写文本的图层(如数字2)。有没有

我在一号舱里有一张桌子

然后在第1部分之后添加另一个第2部分,位置为:相对;顶部:-250;因此,div2层将位于表的正上方。但是现在在桌子下面有一个很大的空间,页面上的任何内容都可以恢复显示(我猜第二个div2通常没有-250位置的变化?) 我如何摆脱空间并清理它?我试过这个

<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!