relative로 위치 잡는 데에서 문제가 생겼어요
에드가
div id=content
div id=left/div
div id=center/div
div id=right/div
/div
위와같은 구성에서 content안의 div위치를 CSS에서 position: relative로
각각의 위치를(html에서 코딩한 순서와는 다르게) 잡았습니다.
[center][left][right]
이런식으로 나오기를 원했는데
[left]
[center]
[right]
이렇게 나와버리네요...
어떻게 하면 문제를 해결할 수 있을까요?
-
알렉산더 2025-12-13
수다님 말대로 디자인상 float로 가능하시면 float로 하시는게 확장성에 더 좋습니다.
그게 어려울경우에는content에 relavite를 주시고 나머지 element에 absolute를 주세요 -
콘라드 2025-12-13
이것저것 섞어서 쓴다는게 더 복잡하게 되었는데 말씀들을 들으니 제대로 되네요~~ㅎㅎ 고맙습니다~~
-
매1혻적 2025-12-13
#content { width: 500px;}
#content div { position: relative;}
#content div#left { top: 0px; left: 300px; width: 100px; float: left; }
#content div#center { top: 0px; left: -100px; width: 300px; float: left; }
#content div#right { width: 100px; float: ri -
선아 2025-12-13
position으로는 구현이 힘들고 float을 사용하세요.
-
월식 2025-12-13
center를 left가 차지하고 있었던 영역만큼 음수값으로 옮겨주고, left를 center가 차지한(원래 left영역으로 들어와야 하니까 위에서 보면 300px이겠죠) 영역만큼 밀어내주면 대충 위치는 바뀌게 될겁니다.
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2752110 | $box.find("img").width()에서 이미지에.. | 해뜰참 | 2026-10-21 |
| 2752024 | 소숫점 뺄셈 !! ㅠㅜ | 초롬 | 2026-10-20 |
| 2751970 | 자바 게임 만들려는데 부탁드립니다 (1) | 라온제나 | 2026-10-19 |
| 2751908 | 자바스크립트 처리속도를 체크할 수 있는 방법 있나요? (1) | 테이 | 2026-10-19 |
| 2751822 | 그누보드 아이프레임으로 구현했는데 제목 클릭해서 들어가면 푸터가 동동...떠다녀요 | 내꺼하자 | 2026-10-18 |
| 2751790 | 자바 그래픽 관련을 공부하고 싶은데요.. 어디 좋은 사이트나 책 없을까요?? (1) | 큰재 | 2026-10-18 |
| 2751733 | CTF가머죠? (5) | 두동 | 2026-10-17 |
| 2751709 | 배열부분 궁금한 부분이있습니다. | 딸기우유 | 2026-10-17 |
| 2751677 | 포인터 책을 보다가,,, (2) | 동백 | 2026-10-17 |
| 2751648 | 익스플로 버전에 따라서 생기는 공백.. (1) | 모아 | 2026-10-17 |
| 2751623 | DEL 태그의에서 선굵기 및 컬러지정이 가능한가 해서요~ (4) | 비치나 | 2026-10-16 |
| 2751573 | 테마 업로드 에러.. (1) | 꽃 | 2026-10-16 |
| 2751548 | 수학? 물리?? (3) | 찬늘 | 2026-10-16 |
| 2751461 | 상단네비 fixed ie6 핵 해결방안이 있을까요? | 맑다 | 2026-10-15 |
| 2751436 | 레이아웃을 잡고 코딩을 하는데 드림위버에서의 결과와 IE에서 결과가 다르게 나오네요. (3) | 키클 | 2026-10-15 |
| 2751403 | 형들좀도와주세요string compression (1) | 알렉산더 | 2026-10-14 |
| 2751349 | 링크 다운로드하기 | 팬지 | 2026-10-14 |
| 2751295 | c++한번도 손않댄 사람이... | 날위해 | 2026-10-13 |
| 2751267 | 플래시8 사용에서 플레이어 만들었는데요 (1) | 블1랙캣 | 2026-10-13 |
| 2751182 | 회원가입 | 파랑새 | 2026-10-12 |