Css 图像不适合div,当我们执行ctrl+;班次+;m所有信息和图像都已从所有div中删除并合并。d
HTML代码Css 图像不适合div,当我们执行ctrl+;班次+;m所有信息和图像都已从所有div中删除并合并。d,css,Css,HTML代码 <body> <div id="main"> <div class="box"> <div class="box-content left"> <img src="sydney.jpg" /> <h3>Sydney</h3> <p>djadijoi djoiqj eqoijweoq eijqoeiqoeqeqe jeoiqe qeq
<body>
<div id="main">
<div class="box">
<div class="box-content left">
<img src="sydney.jpg" />
<h3>Sydney</h3>
<p>djadijoi djoiqj eqoijweoq eijqoeiqoeqeqe jeoiqe qeqoejqeqe qeuqqueqie qeqe qe</p>
</div>
<div class="box-content left">
<img src="sydney.jpg" />
<div class="box-info">
<h3>Sydney</h3>
<p>djadijoi djoiqj eqoijweoq eijqoeiqoeqeqe jeoiqe qeqoejqeqe qeuqqueqie qeqe qe</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</body>
#main{
width:100%;
border: 1px solid black;
}
#main .box{
border:1px solid red;
}
#main .box .box-content{
border: 1px solid green;
width:25%
}
#main .box .box-content img{
height: 200px;
width: 200px;
}
.left{
float:left;
}
.clear{
clear: both;
}
您可以为图像设置固定宽度 CSS
#main .box .box-content img{
height: 200px;
width: 100%;
}
现在它非常适合您的