Css 如何更改我的标签页使下面的内容缩进？

我的选项卡HTML为：

<ul id = "tabs">
    <li id = "home" onclick = "document.location.href = \'/\'">Home</a></li>
    <li id = "games" onclick = "document.location.href = \'/games/\'">Games</li>
    <li id = "tutorials" onclick = "document.location.href = \'/tutorials/\'">Tutorials</li>
    <li id = "snippets" onclick = "document.location.href = \'/snippets/\'">Snippets</li>
    <li id = "people" onclick = "document.location.href = \'/people.php\'">People</li>
    </ul>

出于某种原因，在我的页面上，标签占据了下面东西的空间。明白我的意思了。

---

是的，我知道有些链接没有链接。它仍在设置中。

您的

#tabs

列表中的

元素的位置为
顶部：-30px
。但是，
#选项卡
与
.content
一起显示。这似乎可以解决您的问题：

#tabs {
     margin: 0;
     padding: 0;
     margin-bottom: -35px;
     display: inline-block;
 }

我真的不知道你在问什么-你能澄清一下你的问题吗？我有一个无序的列表，我在我的网站上使用标签导航的东西。但是，它会强制下面的内容和标题缩进到选项卡前面-我根本不想缩进。看看我在链接中的意思。
#tabs {
     margin: 0;
     padding: 0;
     margin-bottom: -35px;
     display: inline-block;
 }