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>
原文地址：https://www.cnblogs.com/denggelin/p/8996863.html
时间： 2024-10-02 03:19:09