position:relative 와 float:left 를 함께 주기
내꼬야
틀이되는 거의 모든 div에
{ position:relative; float:left } 가 함께 필수적으로 들어가는데요,
너비값(width)이 거의 들어가는 div입니다. 너비로 고정을 해버리는 듯..
float 은 틀 정렬을 위해 쓰는거 같구,
relative 는 기준점으로 쓰기보다(내부에 position:absolute가 될만한게 전혀 없어요)
공간확보(??)를 위해 쓰는걸까요?????
왜 그런건지 솔직히 이렇다 할 답이 안떠올라요 ㅠ
구글에도 딱히 나오진 않네요..
예를들어,#header {float:left; position:relative;width:1200px; height:131px; z-index:20; }#header #area {float:left; position:relative; z-index:20;width:720px; padding-left:480px; padding-top:6px; height:80px;}요건 메뉴부분이라 z-index 들어갔네요..#main_img {position:relative; float: left; width:1200px; height:430px;}#anchor {position:relative; float: left; width:1200px; height:54px; }#anchor .area {position:relative; float: left; width:1100px; height:20px; padding:17px 50px; font-size: 16px; color:#000;}#main-cont {float:left; position:relative;width:1200px; margin-bottom:0px;}
이런식으로, 전부다 relative와 position: relative 를 넣는 이유..
왜그런걸까요...
-
해까닥 2025-08-19
그럴수가 있군요!! 고맙습니다~ 코딩할 때 최대한 간결하면서 효율적인 방향으로 하도록 연습하고 실천해야겠습니다^^
-
재넘이 2025-08-19
최대한 빼는것이 좋습니다. relative를 중첩으로 적용시에는 리플로우 현상이 발생되며, 이부분은 속도에도 영향을 주게됩니다.
위와같은 경우는 꼬이는 부분이 발생되어 응급조치로 적용시킨듯 합니다~ -
동백 2025-08-19
와우 이리 좋은 자료를! 감사합니다~~ 찬찬히 읽어봐야겠어요^-^b
-
좋아해 2025-08-19
relative 필요없는거 다 빼고 너비값이랑 float으로 해결했어요.. 근데 왜 그런건지 궁금하긴 해요. 어떤이유에서 저런식으로도 쓰는건지
-
나길 2025-08-19
float 에 구지 relative 안줘도 되요~ 뭔가 이유가있을듯 ㅎ
-
소리 2025-08-19
그렇군요ㅡㅜ 물어보고싶다.....크흑
-
깜찏한그1녀 2025-08-19
코딩한 사람한테 물어보는게 빠를듯
-
소 2025-08-19
내용상 absolute 줄게 전혀 없음에도, 전부다 들어가요,
예를들어 ul과 li로 짠 게시판 틀 조차..
탭같은 버튼이나 더보기 버튼이 있을 경우는 absolute가 들어갈 것이 예상되지만,
지금 컨텐츠상이나 레이아웃에서 absolute로 쓸게 더 들어갈 상황은 없어요,,
만약 필요하다면 윗 부모에게만 relative줘도 될거 같은데..
div 로 쓰인다 싶으면 전부 다 들어가는 이유가 뭔지 모르겠습니다 -
권시크 2025-08-19
나중에 absolute 주면 .. 부모의 z-index 값이 맞지 않아 밑으로 들어가고 하기 때문에 ..
처음부터 z-index 값 맞추려고 쓴거 같습니다만~!?
근데 저 소스는 어디서 구하신건데요 .. ??
초보꺼 퍼오셨으면 그냥 멋 모르고 막 써놓은ㄱㅓ 일수도 있는데 @.@ㅋ
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2752135 | [질문]칼라피커 콘트롤에 특정칼라를 선택된상태로만들려면 어떻게하면되나여? | 널위해 | 2026-10-21 |
| 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 |
| 2751267 | 플래시8 사용에서 플레이어 만들었는데요 (1) | 블1랙캣 | 2026-10-13 |
| 2751182 | 회원가입 | 파랑새 | 2026-10-12 |