Maison  >  Article  >  interface Web  >  求问一个简单的div浮动问题_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 11:38:471052parcourir

小弟刚学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>


结果显示:


回复讨论(解决方案)

给#div_2也加个左浮动吧

给#div_2也加个左浮动吧


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


给#div_2也加个左浮动吧


给div_2加了左浮动后发现第三个div的边框和背景没了……
第一个和第二个左浮动
第三个clear: both;
Déclaration:
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