수직 탐색 모음

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

이 사업부의 목록을 넣어의이 클래스 A divlink 전화하여 CSS에이를 추가 할 수 있습니다 :

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

아 또한이 일을 한 후, 당신은 콘텐츠 사업부에 패딩 대신 여백을 사용해야합니다. 내 경험에 의하면 마진은 이상하게 작동합니다.