저번에 질문답변에 달았던 내용입니다.
조금 수정해서 팁으로 올려봅니다.
<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>
조금 수정해서 팁으로 올려봅니다.
<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에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5902 | 9년 전 | 297 | ||
| 5901 | 9년 전 | 314 | ||
| 5900 | 9년 전 | 312 | ||
| 5899 | 9년 전 | 778 | ||
| 5898 | 9년 전 | 267 | ||
| 5897 | 9년 전 | 280 | ||
| 5896 | 9년 전 | 185 | ||
| 5895 | 9년 전 | 721 | ||
| 5894 | 9년 전 | 344 | ||
| 5893 | 9년 전 | 334 | ||
| 5892 | 9년 전 | 387 | ||
| 5891 | 9년 전 | 389 | ||
| 5890 | 9년 전 | 434 | ||
| 5889 | 9년 전 | 307 | ||
| 5888 | 9년 전 | 201 | ||
| 5887 | 9년 전 | 296 | ||
| 5886 | 9년 전 | 230 | ||
| 5885 | 9년 전 | 247 | ||
| 5884 | 9년 전 | 221 | ||
| 5883 | 9년 전 | 253 | ||
| 5882 | 9년 전 | 272 | ||
| 5881 | 9년 전 | 308 | ||
| 5880 | 9년 전 | 216 | ||
| 5879 | 9년 전 | 238 | ||
| 5878 | 9년 전 | 408 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기