垂直導航欄

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使用填充，而不是利潤率。從我的經驗來看，利潤率浮動很奇怪。