代码之家  ›  专栏  ›  技术社区  ›  Kyle

在另一个div问题后面div

  •  0
  • Kyle  · 技术社区  · 15 年前

    Here 是我遇到的一个大问题的例子,当这个页面位于euroworker.no/order时,它是动态生成的,我提供了一个静态版本供人们处理。我只需要在上面写着“endre valg”的地方把下面的div包装纸推下去。听起来很简单吧?我尝试过很多事情,我希望一些讨论,甚至尝试和错误可以帮助我们在这里。

    很抱歉有这么多的代码和东西,但这已经花了我一整天,我的想法。

    谢谢。

    编辑: 决定回去吃饭,谢谢大家的建议。:)

    3 回复  |  直到 15 年前
        1
  •  4
  •   David Waters    15 年前

    对不起,我不想在这里给你答案,我看了一下,找不到很快的答案。不过,我会给你两种方法来解决这个问题。

    首先这是一个数据表什么是显示表格数据的最佳html元素?桌子。我知道使用表格式化页面有一个很好的、合理的反斜杠,但是当您有一个数据表时,它们是正确的元素。这将简化您的标记和css。

    如果选择不使用表,则需要删除影响此页的所有css。看看这张支票,没有多余的圈数。添加一些css类并检查是否没有重叠…重复。开始时非常简单,直到错误再次发生,现在你知道是什么样的css导致了这一点。

    如果我有一个猜测,那就是错误出现在标记为float或position:relative/absolute的元素中,但是上面的方法之一将在一个小时内到达那里。

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

        2
  •  2
  •   stefanglase    15 年前

    我支持上一个答案的想法,即坚持标准,对数据使用标准html表,对布局使用标准html块<div>。

    如果你想保持你的盒子结构,你应该看看css display -属性而不是使用 position:absolute 用于定位表格单元格。这个资源 http://www.quirksmode.org/css/display.html#table 可能对你有意思。

        3
  •  1
  •   infoxicated    15 年前

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

    不管怎样,在锚标记的类声明中添加clear:left都有助于解决您的问题:

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

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