communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 求问一个简单的div浮动问题_html/css_WEB-ITnose

求问一个简单的div浮动问题_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:38:47
original
1100 Les gens l'ont consulté

小弟刚学CSS的float，，想第二个div在第一个div的右边，第三个div在第一个div的下边，代码如下，但是出现了第三个div把第二个div覆盖了，为什么？ 

<body>	<div id="div_1" style="float:left">    风风风风风风风f风    </div>    	<div id="div_2">    火火火火火火火火    </div>    	<div id="div_3">    水水水水水水水水    </div></body>
Copier après la connexion


结果显示：


回复讨论(解决方案)

给#div_2也加个左浮动吧

给#div_2也加个左浮动吧


给div_2加了左浮动后发现第三个div的边框和背景没了……


给#div_2也加个左浮动吧


给div_2加了左浮动后发现第三个div的边框和背景没了……
第一个和第二个左浮动
第三个clear: both;
Étiquettes associées：
求问一个简单的div浮动问题
source：php.cn
Article précédent：Animation动画之AlphaAnimation（透明度变化）_html/css_WEB-ITnose Article suivant：css3的Background新属性_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
É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
La fonction JavaScript n'a aucun effet sur le clic sur le bouton J'ai cherché sur Internet et essayé beaucoup de choses, mais je suis bloqué sur un problèm...
Depuis 2024-04-05 13:14:53
0
2
1433
La requête SQL n'apparaît pas sur un itinéraire spécifique dans Node.js Je suis nouveau sur javascript et nodejs et j'ai une question. J'ai un code dans lequel je...
Depuis 2024-04-04 00:24:22
0
1
344
La question est toujours la même, mais le titre est réécrit comme suit : Ma fonction aléatoire Javascript ne parvient pas à générer des réponses valides Je crée un simple jeu générateur de nombres aléatoires en utilisant JS et HTML. Dans ce je...
Depuis 2024-04-03 22:03:14
0
1
275
Pagination de pages Web HTML dans Chrome J'essaie de paginer après un conteneur div pleine page. Tout comme pour charger une page d...
Depuis 2024-04-02 23:26:08
0
1
404
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