레이아웃 float 사용시 좌우 레이어 높이값 같게하기 > 개발자팁

개발자팁

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

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

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

본문

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

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


추천
0
  • 복사

댓글 0개

© SIRSOFT
현재 페이지 제일 처음으로