简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

上下左右布局（DIV+CSS）_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 12:27:33
original
1430 Les gens l'ont consulté

<!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><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title> </title><style type="text/css">#head{height:40px;background-color:#0033CC;margin:0;}#content{background:#CCCCCC;height:200px;margin:0;}#left{width:20%;height:200px;background:#CCCC66;float:left;margin:0;}#c{width:60%;height:200px;background:red;margin:0;float:left;}#right{width:20%;height:200px;background:#339966;float:right;margin:0;}#foot{background:#0099CC;height:40px;margin:0;}</style></head><body><div id="head">head</div><div id="content">  <div id="left">left</div>  <div id="c">content</div>  <div id="right">rigth</div></div><div id="foot">foot</div></body></html>
Copier après la connexion

　　

Étiquettes associées：
上下左右布局（DIV+CSS）
source：php.cn
Article précédent：css layout ?人的?梯 Article suivant：div css 盒子模型_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
Est-il possible de modifier la mise en page affichée à des résolutions plus petites via MediaQueries sans modifier la mise en page par défaut ? J'utilise une disposition "colonnes de modèle de grille" sur la résolution par d...
Depuis 2023-09-16 14:17:29
0
1
521
La zone de clic de la flèche du curseur est plus large que l'icône Sur mon site de développement WordPress, j'ai une fonctionnalité de diaporama pour les gal...
Depuis 2023-09-13 19:29:50
0
1
282
Problème de mise en page de la page de destination Bootstrap : le conteneur ne s'adapte pas correctement à la taille de l'écran Je m'entraîne actuellement à utiliser Bootstrap pour créer une page de destination. Cepend...
Depuis 2023-09-10 21:04:02
0
2
280
Déplacez l'image de gauche à droite puis à nouveau de gauche à droite J'écris du CSS pour certaines images et fondamentalement, ce que je veux obtenir, c'est qu...
Depuis 2023-09-07 15:10:40
0
1
208
Grille CSS : créer une nouvelle ligne lorsque le contenu enfant dépasse la largeur de la colonne J'ai une disposition à deux colonnes basée sur une grille CSS. Lorsque le contenu de la de...
Depuis 2023-09-05 15:18:28
0
1
240
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！