고정 된 navlist의 음수 여백

기본적으로 내가 가지고있는 것은 모든 콘텐츠가있는 기본 컨테이너 div입니다. 고정 세로 탐색 목록을 컨테이너 측면에 표시해야합니다.고정 된 navlist의 음수 여백

다른 해상도로보기 위해 창의 크기를 조정할 때 문제가 나타납니다. 지금 당장 1024px의 너비로 약 1024px의 컨테이너에서 고정 폭을 사용하고 있지만 고정 된 너비의 일부를 잘라내는데 nav 컨테이너에 -125px 여백을 사용하고 있기 때문에 내용 컨테이너 아래로 조정하여 최소 폭 나는 여기

enter image description here

에서 차기를 설정 한 탐색 의 코드 인 경우 다음

은 다음

enter image description here

정상

의 모습입니다 .nava { float : left; 위치 : 고정; margin-left : -125px; 텍스트 정렬 : 오른쪽; 당신의 의도는 패딩 때 }

출처

2012-10-09 user1733259

html 코드도 추가 할 수 있습니까? jsfiddle.net을 사용하여 코드 예제를 작성할 수 있습니다. – VKen

JSfiddle now up http://jsfiddle.net/FjgCh/ – user1733259

흠,이 위치 문제를 해결하는 데는 여러 가지 방법이 있습니다. 나는 당신의 질문을 정확하게 해석했는지 모르겠습니다. 업데이트 된 [피들] (http://jsfiddle.net/FjgCh/1/)이 있습니다. '.nava' 바의 너비가 바뀌면, 이것은 매우 깨지기 쉬운 수정이므로, 컨테이너 안으로 들어가게 될 것입니다. 컨테이너의 옆에 메뉴가 표시되도록 수정하는 다른 방법은 수동으로 'left' css 속성을 [fiddle here] (http://jsfiddle.net/FjgCh/2/)에서 오프셋으로 설정해야합니다. 둘 다 절대 위치 지정을 사용하며 후자는'position : relative; '를'.container'에 적용합니다. – VKen

.nava 
{ 
    float:left; 
    position: fixed; 
    min-width: ??px   //Set your minimum needs here. 
    max-width: ???%;  //preferably % because you don't know the maximum 
    padding-left: -125px; //!!! 
    text-align:right; 
}

는 마진을 절대 사용하지 마십시오!

출처

2012-10-10 05:03:17

^? 그게 문제가 아니에요, 당신의 노력에 감사드립니다. – user1733259

고정 된 navlist의 음수 여백

답변

관련 문제