CSS ol,li,margin和padding

时间:2016-09-09 13:12:56

标签: html css html5

我遇到了一些麻烦:

我正在使用这样的东西:



<ol>
  <li>Titel</li>
  <ol>
    <li>Content</li>
    <li>Content</li>
  </ol>
  <li>Titel</li>
  <ol>
    <li>Content</li>
    <li>Content</li>
  </ol>
</ol>
&#13;
&#13;
&#13;

我现在在所有游戏中使用70px的填充和-30px的边距。只要内容不超过1行或超过3行,这样就可以正常工作。只有两行,我的ol容器中的数字就完全错了。

我不知道这是否对我的问题有足够的信息,但是如果你有一个解决方案,或者更好的解释,那就太好了。

非常感谢

编辑:

我很抱歉,但是在我提出这个问题后不久就发现了我的错误,错误不在html中,这不是我写的,而是由我正在使用的程序创建的。我需要这个负余量来在我的网站上创建一个锚点,所以如果你按下那个特定的链接,那么它会以一个保证金到达顶点。最后,我刚刚创建了一个不可见的divcontainer,我转到了这一点。

对不起

1 个答案:

答案 0 :(得分:9)

要创建有效的HTML,您需要将OL标记嵌套在LI标记内,使其看起来如下所示。看看是否有帮助。

<ol>
  <li>Titel
      <ol>
        <li>Content</li>
        <li>Content</li>
      </ol>
  </li>
  <li>Titel
      <ol>
        <li>Content</li>
        <li>Content</li>
      </ol>
  </li>
</ol>