태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

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

12년 전

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 사이의 여백입니다.

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

추천 목록

번호	제목
2,255	마우스오버 롤링이미지를 jQuery로 변경하기
2,254	PHP 처리속도 올리기
2,253	input 박스에 안내문구 나타내기
2,252	input textarea 포커스시 효과주기
2,251	css background sprites
2,250	Jquery 모음
2,249	오른쪽 마우스 클릭시 나타나는 메뉴
2,248	테이블 점선테두리 만들기
2,247	배경이미지 제어하기(고정하기)
2,246	글자 줄바꿈과 줄바꿈 금지
2,245	Input 박스에 사라지는 배경 넣기
2,244	텍스트 overflow
2,243	border-style속성의 값
2,242	Input 박스에 포커스 되었을때 스타일 변경
2,241	CSS Intro
2,240	CSS용어 정리
2,239	JavaScript Copy to Clipboard
	부모dom 의 넓이에 따라 자동으로 넓이 조절하기
2,237	3D 입체 갤러리 (바람개비 느낌) 상,하,좌,우 드래그 가능
2,236	3D 입체 갤러리
2,235	아이폰, 안드로이드 바탕화면에 바로가기 만들기
2,234	웹호스팅 이용자가 업로드 용량 늘리기
2,233	이미지가 클 경우 테이블이 늘어났다가 줄어들때
2,232	cut - 문자열 자르기
2,231	PHP 코딩 스타일
2,230	국내IP 정보 조회하는 클래스(php)
2,229	php->xml 생성하는 class
2,228	socket이용한 타사이트 이미지 읽기
2,227	사이즈가 큰이미지 웹페이지 출력시 자동으로 사이즈 줄이기...
2,226	php로 작성한 간단 RSS2.0 리더