Question

我有一个DIV容器，它是在顶层定义的CSS类。该容器还有一个样式，它有一些应该覆盖主类元素的元素。据我所知，这应该是它应该做的，但它似乎忽略了我在那里放的所有东西。

/* In the CSS file. */
div.ItemContainer {
    position:absolute;
    left:50px;
    top:15px;
    width:80px;
    height:70px;
}

并在HTML文件中：

<div class="ItemContainer" style="left:200px; top:150px;">
    Test text.
</div>

我在这里做错了吗？如果没有，有关如何使其工作的任何建议？感谢。

Answer 1

有时，某些浏览器中的内容无法正确级联。使用!important标志覆盖行为。

style="left: 200px !important; top: 150px !important"

Answer 2

尝试！重要

left:200px !important;

Answer 3

你的代码似乎没问题。查看您正在使用的标记语言（HTML / XTML ...），看看它是否有错误，例如未关闭的引号，缺少标记或缺少结束标记。另一件可能弄乱你风格的事情是使用JavaScript进行样式设计。使用JavaScript进行样式化是一种糟糕的做法！仔细研究使用JavaScript进行样式处理的工作。

iScroll

使用iScroll似乎是您问题的根源。您可能希望使用不会破坏CSS的JavaScript库。此外，您可以尝试修改库或找到绕过您使用库的任何操作的方法。

您可能会在这些链接中找到有用的内容：

CSS - “样式”属性不会覆盖类

3 个答案:

iScroll