通过CSS实例实现清除浮动(2)

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-01 22:43 点击:
  1. <div style="width:200px;border:1px solid red;">
  2.     <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
  3.     <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
  4.    <div style="float:left;width:80px;height:80px;border:1px solid blue;"

    [NextPage]

    >TEST DIV</div>
  5.     <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
  6.     <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
  7.     <div style="clear:both;"></div>
  8. </div>

    显示的结果如下:

P_1160709321_0.gif
显示正常了

我们看到,在容器DIV内要显示出来的float
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • 扎实基础 9则css网页制作技巧
  • CSS设计符合Web标准的网页表单的几个技巧
  • 技巧:css星级效果总结
  • 用CSS建设网站的实例(9)
  • 提高网站性能:JavaScript+CSS优化的建议(3)
  • CSS制作网页实例:用CSS控制li标记样式
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1