CSS에서의 메뉴 위치 지정

나는 간단한 HTML/CSS 사이트에서 수평 플로팅 CSS 메뉴를 사용하고 있습니다. 내가 가진 문제는 메뉴의 위치를 변경하는 방법을 이해할 수 없다는 것입니다. 그것의 상단에 현재, 나는 그 가기 기능 : x px 또는 하단 : x px 위쪽 또는 아래쪽에서 아무것도 위아래로 이동하는 데 사용되는 알고 있지만 두 가지 중 하나를 사용하면 여전히 상단에 머물? 내 사이트에서 할 수있는 일이 제한되어 가기 때문에 메뉴를 떠 다니는 것 외에 다른 곳으로 옮길 수 있습니까?CSS에서의 메뉴 위치 지정

출처

2009-11-02 DVP

메뉴에 사용할 HTML 및 관련 CSS 예제를 게시 할 수 있습니까? – NickGPS

부양 요소에 대해 "위치"스타일을 "상대적"으로 설정하십시오.

예 :

.floatedElement 
{ 
    float:left; 
    position:relative; 
    top:15px; 
}

출처

2009-11-02 11:45:32 NickGPS

치료를 받았다, 닉 닉! – DVP

난 당신이 메뉴 래퍼가있을 경우 HTML과 CSS의 모습처럼,하지만 당신은 당신의 페이지의 아무 곳 래퍼를 배치 할 수 있습니다 모르겠어요.

은 ... 왼쪽 하단

출처

2009-11-02 13:30:01 Mottie

탑, 상대 또는 절대 위치를 잘 작성 모든 일을, 그렇게하는 방법을 도와 CSS positioning에이 위대한 튜토리얼을 확인하십시오.

유동적 인 컨테이너 (예 : float : left;)를 사용하는 경우 여백이나 패딩 설정을 사용하여 요소를 배치 할 수 있습니다.

출처

2009-11-02 13:35:53

나는 이것에 대한 몇 가지 시도를했는데 요소가 떠있는 경우 상대 위치 지정을 추가하여 왼쪽 및 위쪽 작업을 얻을 수 있음을 발견했습니다. 상자 모델 문제도 최소한으로 유지합니다 =) – NickGPS

CSS에서의 메뉴 위치 지정

답변

관련 문제