垂直导航栏

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使用填充，而不是利润率。从我的经验来看，利润率浮动很奇怪。