版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_36818386/article/details/82594749
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
div
{
position: relative;
width: 80%;
height: auto;
border: 2px solid black;
margin: 5px auto;
overflow: hidden;
}
div>p
{
float: left;
width: 33.333%;
height:auto;
}
img
{
width: 100%;
height:auto;
background-color: crimson;
display: block;
}
</style>
</head>
<body>
<div>
<p><img src="./images/1.jpg" alt="" /></p>
<p><img src="./images/2.jpg" alt="" /></p>
<p><img src="./images/3.jpg" alt="" /></p>
</div>
</body>
</html>