2026, 새로운 도약을 시작합니다.

레이아웃 float 사용시 좌우 레이어 높이값 같게하기

· 11년 전 · 4932
저번에 질문답변에 달았던 내용입니다.
조금 수정해서 팁으로 올려봅니다.

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//    var h_val = $("#contentarea").height();
//    $("#left").height(h_val);
   
    var l_height = $("#left").height();
    var r_height = $("#content").height();
    if(l_height < r_height) {
           $("#left").height(r_height);
    } else {
            $("#content").height(l_height);
     }
});
</script>

<div id="contentarea" style="width:990px; margin:0 auto; overflow:hidden; border:1px solid #ddd;">
   <div id="left" style="float:left; width:200px; border:1px solid #ccc;">
      left<br><br>
   </div>
   <div id="content" style="float:right; width:500px; border:1px solid #ccc;">
      right<br><br><br><br><br><br><br><br>adadf<br>
   </div>
</div>


|

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
번호 분류 제목 글쓴이 날짜 조회
5402 MySQL 6일 전 조회 21
5401 JavaScript 3주 전 조회 117
5400 MySQL 1개월 전 조회 223
5399 PHP 2개월 전 조회 470
5398 PHP 2개월 전 조회 353
5397 PHP 2개월 전 조회 286
5396 기타 5개월 전 조회 559
5395 PHP 6개월 전 조회 1,196
5394 MySQL 7개월 전 조회 794
5393 웹서버 9개월 전 조회 985
5392 1년 전 조회 1,310
5391 11개월 전 조회 1,320
5390 11개월 전 조회 1,114
5389 10개월 전 조회 1,030
5388 10개월 전 조회 1,171
5387 9개월 전 조회 963
5386 JavaScript 9개월 전 조회 1,148
5385 웹서버 9개월 전 조회 1,169
5384 JavaScript 10개월 전 조회 991
5383 기타 11개월 전 조회 1,417
5382 기타 11개월 전 조회 661
5381 JavaScript 11개월 전 조회 1,076
5380 기타 11개월 전 조회 834
5379 JavaScript 11개월 전 조회 831
5378 1년 전 조회 1,398
5377 기타 1년 전 조회 941
5376 jQuery 1년 전 조회 640
5375 jQuery 1년 전 조회 871
5374 기타 1년 전 조회 949
5373 MySQL 1년 전 조회 982
🐛 버그신고