communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 为什么合起来3个id标签定义，宽度不能100%占满？_html/css_WEB-ITnose

为什么合起来3个id标签定义，宽度不能100%占满？_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 12:04:52
original
1380 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>无标题文档</title><style type="text/css">	div{		border:1px solid #039;		text-align:center;			}	#header{		width:100%;		height:80px;	}	.logo{		width:30%;		background-color:#0fc;		float:left;	}	.today{		width:30%;		background-color:#ccc;		float:left;	}	.search{		width:39.5%;/*定义为40%会导致搜索栏不能和前两个在同一行。*/		background-color:#cf9;		float:left;	}	</style></head><body>	<div id="header">    	<div class="logo">网站Logo</div>        <div class="today">当前日期</div>        <div class="search">搜索栏</div>    </div></body></html>
Copier après la connexion


回复讨论(解决方案)

你把所有div样式
div{
        border:1px solid #039;
        text-align:center;       
    }
加了边框，肯定不能按照100%来设置，你把边框去掉就可以了

Étiquettes associées：
定义 largeur 标签
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
Déplacez le contenu vers la gauche en ajoutant la propriété Largeur J'ai prévu des marges au corps. main {gauche marge : 200px ; marge droite : 200px ; aligne...
Depuis 2024-04-06 22:01:35
0
3
816
Problème pour obtenir des statistiques spécifiques (Stats) à partir de PokeAPI à l'aide d'Axios et Node.js J'ai un problème, j'essaie d'utiliser PokemonAPI, mais lorsque j'essaie d'accéder aux stat...
Depuis 2024-04-06 18:46:35
0
1
464
Élément enfant React non valide (trouvé : objet avec la clé {clientVersion}). Si vous souhaitez afficher une collection d'éléments enfants, utilisez plutôt un tableau J'ai un formulaire en plusieurs étapes et lorsque j'essaie de le soumettre, cette erreur s...
Depuis 2024-04-06 16:25:39
0
1
346
J'ai des problèmes avec une grille CSS dont la hauteur n'est pas celle à laquelle je m'attendais, quelles erreurs pourrais-je commettre ? J'apprends actuellement les grilles CSS et on m'a demandé de créer cette carte en la décom...
Depuis 2024-04-06 12:52:14
0
1
339
La v-card Vuetify s'adapte à toutes les hauteurs possibles dans v-col Je construis une page de connexion/inscription en utilisant vue et vuetify. Je mets le cod...
Depuis 2024-04-06 10:29:26
0
1
406
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