일단 레이아웃구조가 가변 100% 입니다.
아래 처럼 왼쪽메뉴는 가로크기가 240px 로 고정입니다.
컨텐츠는가변입니다.
근데 브라우져 창크기를 줄일때 왼쪽메뉴는 고정이고 오픈쪽 컨텐츠크기는 변합니다.
전체창이건 창이줄건 브라우져크기에맞게 전체 우측컨텐츠의 가로크기를 퍼센트로 구하고싶습니다.
창의크기에따라 고정값인 왼쪽메뉴 240px를 뺀 컨텐츠의 가로 퍼센트값을 알고싶습니다.
어떤공식으로 해당값을 알수있을가요?
<div>
<div class="left"> 왼쪽메뉴</div>
<div class="content">컨텐츠 </div>
</div>
아래 처럼 왼쪽메뉴는 가로크기가 240px 로 고정입니다.
컨텐츠는가변입니다.
근데 브라우져 창크기를 줄일때 왼쪽메뉴는 고정이고 오픈쪽 컨텐츠크기는 변합니다.
전체창이건 창이줄건 브라우져크기에맞게 전체 우측컨텐츠의 가로크기를 퍼센트로 구하고싶습니다.
창의크기에따라 고정값인 왼쪽메뉴 240px를 뺀 컨텐츠의 가로 퍼센트값을 알고싶습니다.
어떤공식으로 해당값을 알수있을가요?
<div>
<div class="left"> 왼쪽메뉴</div>
<div class="content">컨텐츠 </div>
</div>
댓글 1개
.left{position:absolute;width:240px;height:300px;border:1px solid red;}
.content{width:100%;height:500px;min-width:1000px;border:1px solid blue;}
.content .aaaa{margin-left:241px;border:1px solid green;}
<div style="width:100%">
<div class="left"> 왼쪽메뉴</div>
<div class="content">
<div class="aaaa">
컨텐츠
</div>
</div>
</div>
.content{width:100%;height:500px;min-width:1000px;border:1px solid blue;}
.content .aaaa{margin-left:241px;border:1px solid green;}
<div style="width:100%">
<div class="left"> 왼쪽메뉴</div>
<div class="content">
<div class="aaaa">
컨텐츠
</div>
</div>
</div>
게시글 목록
| 번호 | 제목 |
|---|---|
| 4184 | |
| 4181 | |
| 4180 | |
| 4169 | |
| 4155 | |
| 4154 | |
| 4153 | |
| 4148 | |
| 4147 | |
| 4140 | |
| 4133 | |
| 4126 | |
| 4125 | |
| 4124 | |
| 4123 | |
| 4121 | |
| 4120 | |
| 4116 | |
| 4108 | |
| 4106 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기