两个 div 平行放在一起

最新推荐文章于 2024-07-09 23:24:46 发布

litoujkl

最新推荐文章于 2024-07-09 23:24:46 发布

阅读量8.8k

点赞数 1

分类专栏：前端文章标签： div float

本文链接：https://blog.csdn.net/litoujkl/article/details/71194122

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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>