Question

Here 是我所遇到的大问题的一个（大）例子，当这个页面在euroworker.no/order上运行时，它是动态生成的，我已经为人们提供了一个静态版本。我所需要的只是它说“Endre Valg”将div包装推下来。听起来很简单吧？我尝试过很多东西，我希望有些讨论，甚至是反复试验可以帮助我们。

对于大量的代码和内容感到抱歉，但这一整天都花了我一些时间，而且我没有想法。

感谢。

修改：决定回到桌子，感谢大家的建议。：）

Answer 1

对不起，我不打算在这里给你答案，我已经看了一眼，但很快找不到。但是，我会给你两种方法来解决这个问题。

首先，这是一个数据表，用于显示表格数据的最佳html元素是什么？桌子。我知道有一个关于使用表来格式化页面的一个很好的，合理的背叛，但是当你有一个数据表时，它们是正确的元素。这将简化您的标记和您的CSS。

如果您选择不使用表格，则需要删除影响此页面的所有CSS。看看页面检查没有超过圈数。添加一些css类并检查没有重叠...重复。开始非常简单并且累积起来直到再次发生错误，现在你知道css导致了什么。

如果我猜测错误是在标记为float或position：relative / absolute的元素中，但上述方法之一会在一小时内到达。

很抱歉没有直接解决问题。

Answer 2

我支持上一个答案的想法，坚持标准，并使用标准的html表格数据和html块＆lt; div＆gt;用于布局。

如果你想保留你的盒子结构，你应该看一下css display - 属性，而不是使用position:absolute来定位你的表格单元格。此资源http://www.quirksmode.org/css/display.html#table可能对您有用。

Answer 3

我会回应关于使用表格的评论。当您显示表格数据时使用表格从来没有错，这就是您在这里所做的。

无论哪种方式，在锚标记的类声明中添加clear：left将有助于解决您的问题：

#cart2Produkt a {
    color:#0a5692;
    text-decoration:none;
    line-height:15px;
    clear: left; 
}

但是这个页面的构建方式只是一场等待发生的噩梦。使用表格。