首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → CSS清除浮动属性的方法及例子

CSS清除浮动属性的方法及例子

时间：2011-05-21

来源：互联网

CSS清除浮动属性示例的小例子，不要小看清除浮动哦，有时候你忘记了这个，会把你搞的一头雾水，以为其它地方弄错了，清除浮动其实就没两句代码，但是重要性不容忽视。

复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>    
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>css清除浮动 </title>    
  6. <style>    
  7. .float    {    float:left;    width:200px;    height:100px;    background:#666666;    }  
  8. .clear    {    clear:left;    float:left;    width:200px;    height:100px;    background:#999999;    }  
  9. </style>  
  10. </head>  
  11. <body>  
  12. <div class="float">这是一个浮动元素</div>  
  13. <div class="clear">这是一个清除浮动属性的元素</div>    
  14. </body>    
  15. </html>

作者: 侯鸿飞   发布时间: 2011-05-21

   侯哥 越来越厉害了

作者: 焦占晓   发布时间: 2011-05-21

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net