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;//相對(duì)定位 相對(duì)于main來定位}//將每個(gè)盒子拉開距離.box{ padding: 15px 0 0 15px;//內(nèi)邊距 float: left;}.pic{ padding: 10px; border: 1px solid #ccc; border-radius: 5px; //圓角 box-shadow: 0 0 5px #CCC;//陰影}添加float：left屬性后為什么沒有變?yōu)閳D片中的樣式