版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010011236/article/details/85108822
1、两个元素浮动后会紧紧的靠在一起
本来元素与元素之间在浏览器中显示的时候会有一定的间距，但是使用浮动后，不同元素之间的间距会消除，彼此之间会紧紧的靠在一起。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>浮动测试</title>
<style>
/* 添加浮动 */
img {
float: left;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<img src="img/1.jpg" alt="">
<img src="img/2.png" alt="">
<img src="img/3.jpg" alt="">
<img src="img/4.jpg" alt="">
</body>
</html>
效果如下所示：
参考文献
[1]https://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html
[2]浮动