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. Smarty快速入门之一
  2. 【转】phpcms-v9中关于模型的理解
  3. thinkphp5 数据库和模型详解 之1 数据库基础
  4. yii2的AR模型对id自动去重的问题
  5. Zend Studio-8.0.0中文汉化教程及入门教程
  6. 为什么只有ASP.NET有异步编程模型？
  7. php 23种设计模型 - 抽象工厂模式
  8. [php入门] 1、从安装开发环境环境到（庄B）做个炫酷的登陆应用
  9. PHP扩展的URL Library快速入门

随机推荐

  1. mysql5.5 允许远程访问
  2. 列出所有行，如果行在其他表中退出，则添加其
  3. [置顶] sqlserver性能调优方法论
  4. [置顶] SQL0668N 原因码为 "1"，所
  5. 如何把sql查询出的结果写入到一个表中?
  6. MySQL学习总结----数据操作
  7. 后IOE时代，Mysql 与 Postgre SQL的对比
  8. sql 如何对返回为空值指定值
  9. python操作mysql 抛出Unread result foun
  10. MySQL5.7.11版本，64位绿色版安装