CSS : 상대적인/절대적인 위치에 대한 도움말

내 페이지 상단에 기본 메뉴 모음이 있습니다. 이제 내 #LinkToMenu은 position: relative이 있더라도 크기를 조정할 때 실패합니다. 그러나 내가 원하지 않는 스타일의 특정 너비를 #mainmenu 스타일로 설정하면 정상적으로 작동합니다. 심지어 운이없는 width: auto을 시도했습니다.CSS : 상대적인/절대적인 위치에 대한 도움말

<div id="mainmenu" style="position: relative;"> 

<div id="LinkToMenu" style="position: absolute; right: 130px; top: 10px;"> 
    <a href="home.php">Home</a> 
</div> 

<img src="images/mainmenu_logo3.png" style="position: absolute; top: 2px; left: 210px; ">

무엇이 문제입니까? 이 문제를 어떻게 해결할 수 있습니까?

거의 동일한 설정을 사용하는 이미지가 크기 조정시 잘 작동하지만 바 링크는 제대로 작동하지 않습니까?

출처

2010-08-16 Karem

너비를 100 % 시도 했습니까? –

@meder 예 100 %, 자동으로 시도한 다음 1200px와 같이 구체적으로 시도했습니다. 그리고 크기를 조정할 때 완벽하게 앉아 있지만 바에 특정 폭을 가지기를 원하지 않습니다. 1) 추악한 2) 완벽한 "크기"가 아닐 수 있습니다. 그 이유는 사이트의 어떤 화면을 보느냐에 달려 있기 때문입니다. 3) 내 말 뜻대로 해. – Karem

전체 페이지 링크를 게시 할 수 있습니까? 추가적인 컨텍스트가 유용 할 수 있습니다. – KatieK

#linkToMenu에는 너비가 지정되어 있어야한다고 생각합니다.

출처

2010-08-26 22:24:59 Tim

내가 제대로 문제를 이해하고있어 만약 내가 몰라,하지만 비슷한 일을 할 내가 (스타일 시트) 이런 식으로 작업을 수행합니다 .header { 위치 : 상대; 상단 : 0; 왼쪽 : 0; 패딩 : 6px 6px 5px 5px; 신장 : 85px; }

다음과 같은 절대 값은 위와 왼쪽없이 작동하지 않으므로 위치가 무언가를하고 있음을 상기합니다.

희망이

출처

2010-08-16 02:16:48 MikeAinOz

왼쪽 상단과 왼쪽을 추가해도 아무런 문제가 발생하지 않습니다. – Karem

-1

위치를하는 데 도움이 : 상대는이 사업부는 내부 div의에 대한 참조 인 CSS 엔진을 알려줍니다.

position : absolute이 div는 상대적 위치를 가진 outter div에 위치하거나 브라우저 창에 지정되지 않은 경우 absoulte에 배치됩니다.

reltive div에 너비와 높이를 지정하지 않으면 실제로 절대 div 위치 자체를 올바르게 찾지 못합니다.

출처

2010-08-16 02:21:08

절대 설정 위치 지정 작업을 통해 얻은 이미지가 왜 정상적으로 작동합니까? – Karem

나는 질문을 정말 확실히 이해하지,하지만 난 당신이 다음을 수행해야한다고 생각 :

#LinkToMenu{ position: absolute; right: 130px; top: 10px; float:right"} 
#mainmenu{float:right; width:100%}

트릭을해야한다고.

출처

2010-08-18 21:14:52 JCHASE11

#mainmenu 두 어린이는 position:absolute이므로 정상적인 흐름에서 제거됩니다. 즉, DIV 요소는 블록이므로 높이가 없어도 컨테이너의 전체 너비로 확장되어야합니다.

출처

2010-12-20 15:39:34 GlennG

CSS : 상대적인/절대적인 위치에 대한 도움말

답변

관련 문제