2017-11-08 1 views
0

화면 해상도를 따르지이 더 우리가 이미지보다 위 등을보실 수 있습니다 1300px 다음 화면의 해상도에 문제가없는 enter image description here위치 I는 화면에 항상 메인 메뉴로 웹 페이지를 구축 할 것

. 나는 우리가

enter image description here

이 아래 이미지에서 볼 수있는 것처럼 탐색 모음은이 broswer 해상도를 따르지 장치의 해상도를 변경하기 위해서는이 broswer의 크기를 조정하려고하면

는의 코드 내 페이지 : 귀하의 nav.mainmenuleft: 0를 추가

<style> 
    .container{ 
     background-color: red; 
     max-width: 1300px; 
     /*allienamento div principale a centro*/ 
     margin:0 auto; 
     width: 100%; 
     height: 5500px; 
    } 
    .logo{ 
     background-color: #00387C; 
     width:220px; 
     height: 200px; 
     z-index: 2; 
     position: fixed; 
     padding-left: 20px; 
    } 
    nav.mainmenu{ 
     width: 100%; 
     height: 160px; 
     position: fixed; 
     top:0; 
     padding: 0; 
     z-index: 1; 
     max-width: 1300px; 
     margin:0 auto; 
     background-color: #ffedb3; 
     border-bottom-color: silver; 
     border-bottom-style: ridge; 
     border-bottom-width: thin; 
     box-shadow: 0px 5px 5px rgba(0,0,0,.1); 
     padding-right: 1px; 
     margin-right: 1px; 
    } 
</style> 
<div class="container"> 
    <div class="logo"> 

    </div> 
    <nav class="mainmenu"> 

    </nav> 
</div> 
+0

당신은 문제가 무엇인지 명확히 할 수주십시오, 그것은 그 그림에서 정말 분명하지 않다 - 그들은 하나를 제외하고 같은가없는 공백 – Pete

+0

@Pete +1 돈으로 확대되어 보이는 여기서 당신이 얻으려고하는 것을 정말로 이해하지 못합니다. – Roysh

+0

두 번째 이미지에 표시기를 추가했습니다. 빨간 상자 크기를 따르는 탐색 바가 있습니다 –

답변

1

적용 CSS 규칙

html{ margin:0px; padding:0px;} 
body{ margin:0px; padding:0px;} 
+0

고마워요 .-D –

0

보십시오.

+0

왼쪽 없음 : 0 페이지 시작 부분에 탐색 모음 이동 –

+0

HTML 코드뿐 아니라 JSFiddle 또는 CodePen을 제공하십시오. – Savado

관련 문제