뽁

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

· 2014-06-12 (목) 16:56:21 · 5286
저번에 질문답변에 달았던 내용입니다.
조금 수정해서 팁으로 올려봅니다.

<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>


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

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
PHP 14-07-29 조회 4,243
Mobile 14-07-25 조회 4,808
기타 14-07-25 조회 4,111
PHP 14-07-10 조회 3,556
OS 14-07-09 조회 6,737
PHP 14-07-08 조회 4,410
PHP 14-07-05 조회 4,423
기타 14-07-04 조회 1.7만
JavaScript 14-06-28 조회 6,218
JavaScript 14-06-28 조회 4,552
기타 14-06-24 조회 5,108
기타 14-06-24 조회 3,604
MySQL 14-06-24 조회 6,078
기타 14-06-24 조회 7,128
웹서버 14-06-20 조회 3,757
jQuery 14-06-12 조회 5,287
node.js 14-06-06 조회 5,497
기타 14-06-04 조회 5,445
기타 13-10-22 조회 5,739
PHP 14-05-26 조회 9,279
PHP 14-05-26 조회 4,209
PHP 14-05-21 조회 4,072
PHP 14-05-19 조회 1.2만
MySQL 14-05-18 조회 4,575
기타 14-05-18 조회 5,416
PHP 14-05-17 조회 8,752
MySQL 14-05-15 조회 4,202
MySQL 14-05-15 조회 8,841
기타 14-05-15 조회 2,926
MySQL 14-05-13 조회 4,271