플로트 오른쪽은 창 크기를 조정 한 후에 만 ​​작동합니다.

Question

그것은 이해할 수 없습니다! 오른쪽에 div가 있고 (DIV1) 왼쪽에 다른 div가 있고 (DIV2) DIV2의 일부 요소를 오른쪽 정렬했습니다. HTML 여기

것 :

<section id='main-container'> 
    <aside id='main-side'> 

    </aside> 
    <nav id='main-nav'> 
     hello 
    </nav> 
    <section id='main-content'> 

    </section> 
</section> 

그리고 CSS :
다음은 이미지의

#main-side { 
    width:250px; 
    min-height:450px; 
    border:1px solid silver; 
    float:right; 
} 
#main-nav { 
    width:770px; 
    height:50px; 
    text-align:right; 
    border:1px solid silver; 
    margin-right:251px; 
} 

하면 이미지에서 보는 바와 같이이 문제를 내가 페이지를 열 때 또는 페이지를 새로 고침하면 DIV2의 내용이 오른쪽으로 이동하지 않지만 창 크기를 조정하면 예상대로 오른쪽으로 이동합니다. 그런데 브라우저는 Chrome이고 문제는 Firefox에 없습니다. 무엇이 문제인지 아십니까?

Answer 1

사이트에서 테스트했을 때 동일한 문제가 발생했습니다. #main-nav 섹션에서 width: 770px;을 삭제하면 제대로 작동 할 수있었습니다.