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屬性后為什么沒有變為圖片中的樣式