communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 布局问题 将窗口一分为二_html/css_WEB-ITnose

布局问题 将窗口一分为二_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 12:15:42
original
1692 Les gens l'ont consulté

将浏览器窗口分为上下两个div,上面的div高为300px,剩余区域给下面的div,用css能完成吗，我只会用js先算出外部窗口的高，然后减去上div的高，得出下div的高。


回复讨论(解决方案)

本帖最后由 net_lover 于 2012-10-14 15:27:45 编辑 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style>html,body{height:100%;margin:0;padding:0;}</style></head><body><div id="top" style="height:80px;background:#f00; position:absolute; top:0; width:100%"></div><div id="main" style="height:100%;background:#000;margin-top:0!important; margin-top:-80px"></div></body></html>
Copier après la connexion
Étiquettes associées：
布局问题 将窗口一分为二
source：php.cn
Article précédent：求助：关于js问题_html/css_WEB-ITnose Article suivant：请教:删除页面链接对SEO有影响吗？_html/css_WEB-ITnose
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
Application VueJS 2 compilée en 1 Nous construisons une application en utilisant VueJS comme interface. Mais nous fusionnons...
Depuis 2024-04-03 12:00:59
0
1
371
TypeError : Impossible de lire la propriété non définie (lire « position ») à l'aide de ThreeJs J'essaie d'intégrer un modèle 3D en arrière-plan de la section héros de mon site Web. Ça m...
Depuis 2024-04-01 12:01:52
0
1
416
Largeur de la fenêtre CSS React.js Je développe un site Web réactif en utilisant React. Pour le style, j'utilise des feuilles...
Depuis 2024-03-31 16:31:23
0
1
386
Les éléments Flexbox déborderont du conteneur lorsque la fenêtre est trop courte et la barre latérale ne pourra pas maintenir l'alignement inférieur. J'essaie d'utiliser une mise en page flexible simple composée d'un en-tête, d'une grille d...
Depuis 2024-03-31 00:03:58
0
1
355
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