css position에 대해 질문드립니다
ComeOn
2023.04.01
안녕하세요~
css 포지션에대한 개념을 좀 확실하게 잡았다 싶었는데.. 예상치 못한부분에서 이해가되질않아 질문드립니다 ㅠㅠ
부모의 포지션에대해 자식의 포지션영향을 받는다(?)라고 이해를하고있었습니다
음 예를들면..
#parent{width:100px; height:100px; position:relative; display:block; top:100px; left:200px;}#children{position:absolute; top:10px; left:10px; display:block;}
div id=parentdiv id=children/div/div
이런소스를 짰다고하면.. #parent가 브라우저의 상단에서 100픽셀 왼쪽에서 200픽셀 떨어져있고 그 안에 #children은
포지션이 absolute지만 부모포지션이 relative이기떄문에 부모 박스 안에서 상단10픽셀 왼쪽10픽셀 떨어져서 나오는거까진
이해가됩니다..
테스트해봐도 잘 되구요~
근대 이게 #children의 포지션이 fixed일떄에는
부모의 포지션을 무시하고 브라우저 상단과 왼쪽을 기준으로 jquery로 치면 offset() 으로 준 효과와같은식으로 나오네요;;
매번 편법이나 한번 두번 더 감싸서 해결하긴했는데
어쩔땐 되고 어쩔떈 안되는데 이거 뭐가문제인지 모르겠습니다^^;;
혹시 제가 잘못이해하고있는게 아닌가해서 질문드립니다.. 아시는분 답변좀 부탁드리겠습니다
즐거운 하루 보내세요!
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2701230 | 테마 설정하면 밑에 뜨는 글 삭제 (1) | 창의적 | 2025-07-12 |
| 2701177 | css적용이 안되요~ (6) | 다니엘 | 2025-07-11 |
| 2701151 | 사이트작업시 inputbox 가 readonly 형태표시 어떻게 하시나요? (1) | 찬내 | 2025-07-11 |
| 2701123 | 간단한 select 질문입니다 (3) | 천사의눈물 | 2025-07-11 |
| 2701061 | 비베질문.. | 똘끼 | 2025-07-10 |
| 2701034 | 메일폼 내 script 삽입가능한 방법 없을까요.. (2) | 마음새 | 2025-07-10 |
| 2701008 | 분명히 버튼을 만들었는데 액션이 안걸립니다. (3) | 재찬 | 2025-07-10 |
| 2700923 | 전체중앙정렬&독타입&쿼크모드 ㅜㅠ (8) | 푸른들 | 2025-07-09 |
| 2700893 | 질문드리겠습니다. | 도도한 | 2025-07-09 |
| 2700793 | 무비클립에 마우스 오버시 랜덤으로 효과음 나기는 어떻게 ;; (1) | 바닐라 | 2025-07-08 |
| 2700741 | 웹전송? (2) | 연와인 | 2025-07-07 |
| 2700686 | 카테고리 호버시 세부카테고리 보이게하는 것, css로만 가능할까요?? (3) | 다힘 | 2025-07-07 |
| 2700658 | 메타태그 질문드립니다..ㅠㅠ;;; | 모해 | 2025-07-07 |
| 2700632 | 외부에서 이미지 파일을 불러와야 합니다. 도와주세요. (4) | 에일린 | 2025-07-06 |
| 2700579 | (air + as3) smtp 이용해서 첨부파일 포함해서 메일 보내기 | 물보라 | 2025-07-06 |
| 2700524 | 클릭시 밑에 메뉴 나오게 (4) | 새솔 | 2025-07-05 |
| 2700505 | activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) | 참이 | 2025-07-05 |
| 2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
| 2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |
| 2700393 | mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) | 소미 | 2025-07-04 |