테두리가 없음

Question

아래쪽 테두리가 없습니다. 나는 모든 것을 시도했다. 이제 나는 바보 같은 변화를 보이고있다. 내 탐색 링크는 거꾸로 있습니다. 이것에 관한 스택 오버플로 게시물을 읽었지만 아무것도 작동하지 않습니다. 그들은해야합니다 홈 회사 소개 서비스 ...하지만 그들은 반대입니다.

/* HEADER AREA 
---------------------------------*/ 
#header { 
position: absolute;  
    float: left; 
    width: 100%;  
    height: 185px; 
    padding: 0px; 
    margin: 0px; 
    background-color: #b2c248; 
     border-style: solid; 
    border-bottom: 1px thick #ff00ff; 
    z-index: -1; 

/* MAIN NAVIGATION 
---------------------------------*/ 
#nav { 
    float: right; 
    width: 100%; 
    <!-- width: 900px; --> 
    height: 53px; 
    padding: 0px; 
    margin: 0px; 
} 

#nav ul { 
    list-style: none; 
    padding: 0px; 
    margin: 0px; 
} 

#nav ul li { 
    float: right; 
    line-height: 53px; 
    padding: 0 50px 0 0; 
} 

Answer 1

thick가 유효한 border-style 아니기 때문입니다. 예를 들어 solid으로 변경하면 표시되어야합니다.

존경하는 요소에 관해서는; 그것은 당신이 오른쪽에 float이기 때문입니다. 대신 float: left을 사용하면 괜찮을 것입니다. 요소가 오른쪽에 나타나지만 원래 순서를 계속 사용하려면 float: right을 부모 요소 (ul)로 설정하십시오.