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

页面怎么100%布局_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-21 09:47:31
original
1228 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=utf-8" /><title>head_right怎么在不同分辨率全屏显示</title><style type="text/css">*{   list-style:none;   margin:0;   padding:0;  }.div{    width:100%;    }.head{    width:100%;    height:123px;    background:#066;    }.head_left{    width:181px;    height:123px;    float:left;    background:#096;    }.head_right{    width:85%;    height:123px;    float:left;    background:#09C;    }</style>  </head><body>  <div class="div"> <div class="head">  <div class="head_left">   左边  </div>  <div class="head_right">  右边  </div> </div> </div></body></html>
Copier après la connexion

请问下 div="head_right"怎么在不同分辨率都是width=100%全屏显示


回复讨论(解决方案)

.head_right{
    width:100%;
    height:123px;
    float:left;
    background:#09C;
    }

要并排的话，去掉  float:left;
.head_right{
    width:100%;
    height:123px;
    background:#09C;
   }

Étiquettes associées：
页面怎么100%布局
source：php.cn
Article précédent：用户注册登录框怎么移中间去啊。。_html/css_WEB-ITnose Article suivant：先在流行的图片下边 蒙层 该怎么做_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
la boucle for passe aléatoirement de 1 à 0 Fondamentalement, chaque fois que la page est actualisée, la boucle for a le potentiel de ...
Depuis 2024-04-06 16:48:14
0
1
393
Comment faire apparaître mon image sur l'écran principal de la page ? Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...
Depuis 2024-04-06 15:33:12
0
1
433
Sécuriser les routes Next.js avec Supabase J'implémente la protection des routes en créant une page de protection et chaque fois que ...
Depuis 2024-04-06 11:13:00
0
1
430
Paramètres de configuration OAuth 2.0 J'utilise phpmailer pour envoyer du courrier via le serveur smtp.google.com mais maintenan...
Depuis 2024-04-06 11:12:57
0
1
408
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
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！