페이지 왼쪽의 메뉴 막대 위치 수정

메뉴 막대를 설명하는 HTML 파일이 있습니다. 도구 모음은 내가 다른 HTML 파일에 iframe을 같이 가져 다음과 같은 형식이 있습니다 :페이지 왼쪽의 메뉴 막대 위치 수정

<ul> class="navbar"> 
    <li><a href="home.html">Home</a></li> 
</ul>

(더 리와, :) 물론 올바른 구문을)

나는 이것에 대한 다음과 같은 CSS를 가지고 :

ul.navbar, iframe { 
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    position: absolute; 
    top: 2em; 
    left: 1em; 
    width: 9em 
}

그래서 메뉴 모음에서 링크를 클릭하면 메뉴 모음이 조금 더 오른쪽으로 이동합니다. 왜 이런 일이 생길까요? :/

출처

2012-03-06 py_script

설치 http://jsfiddle.net에서 문제를 재현하여 볼 수 있습니다. – Henesnarfel

왜 스타일에 iframe을 추가하나요? 나에게 이해가되지 않는다. – Liviu

좋은 대안이 무엇인가? 숙제가 아니라 PHP 같은 서버 측을 사용할 수 없다. –

질문은 jsFiddle을 제공하지 않으며이 문맥을 사용하는 문맥에 대해 명확하지 않으므로 여기서만 추측 할 것입니다.

사용자 상호 작용 후 오른쪽으로 이동하는 iframe에서 메뉴 표시 줄의 가장 큰 원인은 iframe에서을 스크롤 할 수 있기 때문에 입니다. 해결책은 iframe에 overflow: hidden;을 설정하고 iframe 내의 모든 요소에 다음 스타일을 설정하여 iframe 자체의 스타일이 아니기 때문일 수 있습니다. 뭔가 같은 : *{margin: 0px;padding: 0px;} html,body{width: 100%;height: 100%;} 잘 할 것이다.

상황에 대해 좀 더 자세하게 설명하십시오. 정확히 iframe의 HTML 콘텐츠이며 모든 CSS 정보를 포함하여 iframe의 컨텍스트는 무엇입니까? 그런 다음 jsFiddle 또는 형식이 지정된 코드에 넣으십시오.

어쩌면 문제는 초점을 맞출 때 iframe 스크롤과 관련이있을 것입니다.

출처

2013-01-14 14:22:48 Yeti

페이지 왼쪽의 메뉴 막대 위치 수정

답변

관련 문제