<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div id="周历" class="box"> <ul> <li>一</li> <li>二</li> <li>三</li> <li>四</li> <li>五</li> <li>六</li> <li>日</li> </ul> </div> <div id="日期" class="box"> <ul> <li>21</li> <li>22</li> <li>23</li> <li>24</li> <li>今天</li> <li>26</li> <li>27</li> </ul> </div>

*{ margin:0px; padding:0px; } .box{ width:100%; height:20px; overflow:hidden; margin:10px; } .box ul{ width:91%; } .box ul li{ width:13%; float:left; margin-right:10px; list-style:none; }