div 적응형 높이/왼쪽 및 오른쪽 높이 적응형 일관된 js code_javascript 기술 정보

웹 페이지 레이아웃에 DIV와 CSS를 사용할 때 DIV의 적응형 높이와 적응형 너비는 매우 일반적인 문제입니다.
페이지의 전체적인 아름다움을 보장하려면 두 개 이상의 레이어의 높이/폭이 일관되어야 합니다.

왼쪽 및 오른쪽 적응형 높이 일치 Jquery

코드 복사 코드는 다음과 같습니다.

1
3
5

2

🎜>
;script type= "text/javascript">
$(function(){
var heightLeft= $("#Left").height();
var heightRight= $("#Right" ).height( );
if (heightLeft > heightRight)
{
$("#Right").height(heightLeft)
}
else
{
$(" #Left").height(heightRight);
}
})



DIV 높이 적응형 화면 js

코드 복사 코드는 다음과 같습니다.

< ;/div>

dsafsafsafsafsafdsa

<script> <BR>window.onload=function (){ <BR>함수 auto_height() <BR> { <BR>//var h= document.documentElement.clientHeight-200; <BR>//var high = document.getElementById("box") <BR>//high.style.height =h "px"; <BR>document.getElementById("box").style.height=document.documentElement.clientHeight-200 "px"; <BR>} <BR>auto_height() <BR>onresize=auto_height ; <BR>} <BR></script>