화면 끝까지 TopBar 채우기

등록 버튼과 로그인 버튼이있는 navbar (톱 바처럼)를 만들었고 전체 모니터를 채우는 데 약간의 문제가 있습니다. 스크린의 끝 부분에 닿기 직전에 멈 춥니 다. 모든 수정 사항? http://jsfiddle.net/Karmatix/ngfrzuas/
내 코드를 보려면 여기를 클릭하십시오.화면 끝까지 TopBar 채우기

HTML

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
    <title>League of Legion</title> 
    <link rel="stylesheet" type="text/css" href="page.css" /> 
</head> 
<body> 
<div id="top-background"> 
     <div id="wrapper"> 
      <!-- Everything in the top Nav --> 
      <div id="Register-Text"> 
       <ul> 
        <li><p>Don't have an account?</p> <a href="#">Register</a></li> 
        <li><a href="#">Login</a></li> 
       </ul> 
      </div> 
      <!-- End of everything in the top Nav --> 
     </div> 
    </div> 
</body> 
</html>

CSS

#top-background { 
    background-color: #000000; 
    margin-top: -9px; 
    position: relative; 
} 

#wrapper { 
    background-color: #000000f; 
    max-width: 1100px; 
    min-width: 720px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: -16px; 
} 

/*Beginning of top Nav styling */ 
#Register-Text { 
    overflow: auto; 
} 

#Register-Text ul li { 
    color: white; 
    display: inline; 
    list-style-type: none; 
    float: right; 
    padding-left: 20px; 
    margin-bottom: 10px; 
} 

#Register-Text ul li p { 
    display: inline; 
    color: #999; 
} 

#Register-Text ul li a { 
    color: white; 
    text-decoration: none; 
} 

#Register-Text ul li a:hover { 
    color: #93C; 
} 
/* End of top Nav Styling */

출처

2015-01-15 Armand Karambasis

재설정 스타일 시트가 있습니까? http://meyerweb.com/eric/tools/css/reset/ – scniro

당신이 함께 할 수

body { 
    padding: 0; 
    margin: 0; 
}

내가 시도하고 모두를 정상화하기 위해 어떤 종류의 CSS 리셋을 추가 할 브라우저 간 기본 스타일. Eric Meyer의 http://www.cssreset.com/scripts/eric-meyer-reset-css/을 확인하십시오. 내가 좋아하는 사람이야.

출처

2015-01-15 00:44:13 Ding

고마워요! 나는 CSS 리셋도 체크 아웃 할 것이다. –

화면 끝까지 TopBar 채우기

답변

관련 문제