communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 关于div自适应高度/左右高度自适应一致的js代码_javascript技巧

关于div自适应高度/左右高度自适应一致的js代码_javascript技巧

WBOY
Libérer： 2016-05-16 17:39:31
original
1225 Les gens l'ont consulté

在使用DIV和CSS进行网页布局中，DIV的自适应高度和自适应宽度是一个很常见的问题。
为了保证页面的整体美观性，需要将两个或者多个层的高度/宽度保持一致。

左右自适应高度一致 Jquery

复制代码 代码如下:


1
3
5






DIV高度自适应屏幕 js
复制代码 代码如下:


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>
Étiquettes associées：
自适应 haut
source：php.cn
Article précédent：Jquery实现带动画效果的经典二级导航菜单_jquery Article suivant：Base64编码加密JS代码网页版_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
MySQL : "Sélectionnez le texte de... comme <variable ici ou sous-requête>" J'ai le tableau suivant avec les données suivantes : id texte langue 1 texte allemand alle...
Depuis 2024-04-06 19:25:54
0
2
529
Laravel 8 - Comment rediriger la route /{editable_text} vers la route /{user} J'ai essayé de créer un itinéraire de redirection pour me conduire à un profil utilisateur...
Depuis 2024-04-06 17:26:11
0
1
410
Ajoutez l'attribut Endpoint _header à l'objet de réponse JSON Je teste l'extraction de données à partir d'un service de point de terminaison distant (np...
Depuis 2024-04-05 10:35:39
0
1
1376
Libération de l'axe X après avoir appelé Chart.zoom() : un guide étape par étape J'ai défini la stratégie de défilement sur setScrollStrategy(AxisScrollStrategies.progress...
Depuis 2024-04-04 23:40:56
0
1
1339
Problème d'initialisation de la propriété CommandText J'essaie de matérialiser les données dans 2 (plus tard 3) tables simultanément à l'aide d'...
Depuis 2024-04-04 22:43:24
0
1
385
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal