HTML 定义了main box pic
<div id="main">
<div class="box">
<div class="pic">
<img src="images/0.jpg" />
</div>
</div>
<div class="box">
<div class="pic">
<img src="images/1.jpg" />
</div>
</div>
css
#main{
position: relative;//相对定位 相对于main来定位
}
//将每个盒子拉开距离
.box{
padding: 15px 0 0 15px;//内边距
float: left;
}
.pic{
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px; //圆角
box-shadow: 0 0 5px #CCC;//阴影
}
添加float：left属性后为什么没有变为图片中的
慕瓜9220888
FSYu
相关分类