CSS 오른쪽 너비에 CSS 너비 문제가 발생했습니다.

Question

left CSS 속성을 통해 배치 할 때 완벽하게 작동하는 드롭 다운 탐색 기능이 있습니다.

http://jsfiddle.net/durilai/nmME4/1/

드롭 다운은 내용의 폭을 조정하는 것을 볼 수 있습니다, 그러나 나는 right를 배치하고 싶습니다. 드롭 다운의 폭을 조절하면 내용에 맞지 않습니다. 아래 동작에서이 동작을 볼 수 있습니다.

http://jsfiddle.net/durilai/cTSJt/2/

어떤 도움

이 동작의 원인이 무엇에 대한 지식도 감사합니다, 감사합니다.

Answer 1

기본적으로 알 수 있듯이 요소 (이 경우 ul)를 선택자로 직접 사용하여 문제가 발생했습니다.

나는 이것이 귀하의 CSS 내의 아래의 ul 요소를 방해한다고 생각합니다. 첫 번째 CSS 규칙을 ul에서 내 ID (Navigation_Main)로 변경하면 문제가 해결됩니다.

고정 예>http://jsfiddle.net/cTSJt/10/

감사 ul에서

Answer 2

right: 100px는 100 픽셀의 폭을 설정하는 것으로 보인다.

절대 위치 지정이 필요하지 않은 경우 float: right;을 사용하고 대신 margin-right: 100px;을 사용하십시오.

JSFiddle : http://jsfiddle.net/cTSJt/12/

Answer 3

은 DIV의 대신 unorder 목록 (UL) 요소를 사용하여 노력했다. CSS를 사용하여 "ul"을 목록 요소로 만드는 모든 기본 스타일을 제거하기 때문에 div를 사용하여 시작하는 것이 좋습니다. 문제를 해결할 수 있다고 보장 할 수는 없지만 불필요한 CSS를 제거하면 문제를 더 쉽게 발견 할 수 있습니다.

사실 텍스트 문서의 글 머리 기호 항목에만 사용해야합니까?