1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_18 盒模型[浮动计算]
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 ????<meta charset="UTF-8"> 5 ????<title>清除浮动</title> 6 ????<style> 7 ????ul,li { 8 ????????list-style-type: none; 9 ????????margin: 0px;10 ????????padding: 0px;11 ????}12 ????li {13 ????????float: left;14 ????????padding: 20px 40px;15 ????????background-color: #ff8800;16 ????????border-right: 1px solid red;17 ????}18 ????.clear {19 ????????clear: left;20 ????}21 ????</style>22 </head>23 <body>24 ????<ul>25 ????????<li>1</li>26 ????????<li>2</li>27 ????????<li>3</li>28 ????????<li>4</li>29 ????????<li>5</li>30 ????????<li>6</li>31 ????????<li>7</li>32 ????????<li>8</li>33 ????????<li>9</li>34 ????????<li>10</li>35 ????</ul>36 ????<div class="clear"></div>37 ????<img src="http://real2.s-angels.com/images/sample/m241_hibiki/thumb/model_top.jpg">38 </body>39 </html>1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_18 盒模型[浮动计算]
原文地址：https://www.cnblogs.com/denggelin/p/8996863.html