div 적응형 높이/왼쪽 및 오른쪽 높이 적응형 일관된 js code_javascript 기술 정보
- WBOY원래의
- 2016-05-16 17:39:311217검색
웹 페이지 레이아웃에 DIV와 CSS를 사용할 때 DIV의 적응형 높이와 적응형 너비는 매우 일반적인 문제입니다.
페이지의 전체적인 아름다움을 보장하려면 두 개 이상의 레이어의 높이/폭이 일관되어야 합니다.
왼쪽 및 오른쪽 적응형 높이 일치 Jquery
코드 복사 코드는 다음과 같습니다.
1
3
5
3
5
2
🎜>< /div> ;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>
<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>
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>
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.