多个div盒子标签并列

在前端中块元素是单独一行的，不会与其他的元素进行并列（未进行任何的设置情况下），这时我们想要两个或者多个div进行并列时我们就可以用到浮动。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div{
			float:left;
			height: 100px;
			width:100px;
			background-color: antiquewhite;
			
		}
	
	
	</style>
</head>
<body>
	<div>1</div>
	<div>2</div>
</body>
</html>

效果图如下：
1.（初始结果）这是未设置浮动的情况下的div
2.（浮动之后）
浮动之后

版权声明：本文为weixin_46291263原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。