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]浮动