[css] 부모dom 의 넓이에 따라 자동으로 넓이 조절하기 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

[css] 부모dom 의 넓이에 따라 자동으로 넓이 조절하기 정보

[css] 부모dom 의 넓이에 따라 자동으로 넓이 조절하기

본문



A : 좌측 메뉴(넓이고정)
B : 본문 내용(부모dom 의 사이즈에 따라 가변적으로 변할경우)

jy관리자스킨, 아이콘샵에 보면 좌측 메뉴바 또는 검색영역이 있습니다.
제사이트에만 쓰려면 사이즈를 고정하여 사용하면 상관이 없겠지만,
배포해야하는경우에 설치하는 사이트에 따라 사이즈가 틀리므로 B 영역의 사이즈가 가변적이어야 합니다.

html
<div>
    <div class='A'></div>
    <div class='B'></div>
<div>

css
.A {float:left; width:200px;}
.B {margin-left:220px;}


A 의 사이즈는 고정이며
B 의 사이즈는 부모 dom 의 사이즈에 따라 따라 꽉차게 됩니다.
B 에는 float 요소가 none 이어야 합니다.

A 에 position:absolute 를 주고
B 에 margin-left:220px; 을 줘도 똑같은 효과를 볼 수있습니다.
220 픽셀을 준것은 A,B 사이의 여백입니다.

간단하지만 사이즈를 일일이 조절해야 하는 불편함을 덜고자 적어 봤습니다.


추천
8

댓글 7개

전체 3,310 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT