欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

两个 div 平行放在一起

程序员文章站 2022-07-06 21:41:43
...
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
<div id="div1">
	<div id="fruit" style="color:#0000FF;float:left;width:180px">
		<p>Apple</p>
		<p>Banana</p>
		<p>Orange</p>
	</div>
	<div id="animal" style="color:#0000FF;float:left;">
		<p>dog</p>
		<p>pig</p>
		<p>fish</p>
	</div>
</div>
<div id="div2" style="color:#FFFFF;clear:left">
	<p>
		下一个div
	</p>
</div>
</body>
</html>


两个 div 平行放在一起


相关标签: div float