About div adaptive height/left and right height adaptive consistent js code_javascript skills

In using DIV and CSS for web page layout, the adaptive height and adaptive width of DIV is a very common problem.
In order to ensure the overall beauty of the page, the height/width of two or more layers needs to be consistent.

Left and right adaptive height consistent Jquery

Copy code The code is as follows:

1
3
5

2

< /div>

DIV height adaptive screen js

Copy code The code is as follows:

< ;/div>

dsafsafsafsafsafdsa

<script> <br>window.onload=function (){ <br>function 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>

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Jquery implements classic secondary navigation menu with animation effect_jqueryNext article：Jquery implements classic secondary navigation menu with animation effect_jquery

Related articles

See more

• An in-depth analysis of the Bootstrap list group component
• Detailed explanation of JavaScript function currying
• Complete example of JS password generation and strength detection (with demo source code download)
• Angularjs integrates WeChat UI (weui)
• How to quickly switch between Traditional Chinese and Simplified Chinese with JavaScript and the trick for websites to support switching between Simplified and Traditional Chinese_javascript skills