Css 图像不适合div,当我们执行ctrl+;班次+;m所有信息和图像都已从所有div中删除并合并。d

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

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 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%; 
} 
现在它非常适合您的