Html Div定位不正常

我有4个

div

元素，一个接一个。第1个、第2个和第4个工作正常，但第3个

div

定位不正确。我正在设置它的位置，但它没有遵循…我的代码

.mid_table

div

是左对齐的，但我希望它遵循CSS中给定的坐标

CSS

#顶部表格{
背景图像：url（图像/圆角%20）；
背景重复：无重复；
背景位置：中上；
高度：25px；
}
#下表{
背景图像：url（图像/圆角%20）；
背景重复：无重复；
背景位置：中底；
高度：25px；
}
#中桌{
背景色：#09F；
左：54px；
宽度：449px；
高度：200px；
位置：相对位置；
}

HTML

门户
id“mid_表”的内容显示在此处
id“底部表格”的内容位于此处

您试过了吗

position: relative

?？

---

位置：绝对只有在它对其他事物是“绝对”时才会起作用。因此，父母的祖先需要定位，例如position:relative和position:relative应该起作用。 （你的css中已经有了相对位置，所以我猜是编辑的那个人）

您正在测试哪个浏览器？如果它不适合您，则可能是浏览器问题

你可以在这里查一下

---

在html的底部还有一个未关闭的div标记。

我没有看到会中断第三个div显示的错误。只有/body标记之前的未关闭div。你的浏览器是什么？

---

坐标与给定的属性相对位置一起工作。

不确定您在问什么，是否要从左侧开始使用

#mid_表

54px？它在您的JSFIDLE示例中工作，这就是您的CSS所说的……这个div应该在哪里？在我看来，这就像是在遵循你的代码（FireFox）。实际上，我想要一个圆形的表格，我将在其中创建一个登录表单…因此，我创建了3个分区，第一个分区包含图像的上圆角部分，第三个分区包含下圆角部分。现在第二个分区将包含表单。因此，为了与图像的坐标对齐，我正在定位第二分区，它不工作…如果有人可以帮助我。。