垂直导航栏

Question

我试图从无序列表中创建导航栏。此列表需要垂直并拉到左侧。我现在有一个垂直列表，一直到左边，但它在我的内容之上，而不是在它的左边。

<ul id='help_links'>
    <li><a href="#annoucements">Announcements</a></li>
    <li><a href="#approvals">Approvals</a></li>
    #...
</ul>

<div id='content' style='margin:20px auto;'>
  <a name="annoucements"><h2>Announcements</h2></a>
  <h3>Creating Annoucements</h3>
  <ul style="list-style-type:circle;">
    <li>...</li>
#...
  </div>

#help_links ul
{
    margin:0;
    padding:0;
}

#help_links li{
    display:block;
}

我需要更改以获取中间内容并将help_links列在左侧。

Answer 1

将列表放在div中，让我们将其类称为divlink并将其添加到您的css中：

div.divlink
{
    float: left;
    height: 100%;
}
div.content
{
    float: left;
    height: 100%;
}

哦，这样做之后，你应该在你的内容div中使用填充而不是边距。根据我的经验，利润与浮动一起工作很奇怪。