CSS清除浮动常用方法小结
作者:heiniu 来源:阿里妈妈UED 时间:2009-07-07 11:59:00
使用xhtml+css布局经常性地会使用到float,很多邪门的事儿都有可能是浮动在作怪,那么清除浮动就是必须要做的,而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。
常用的清除浮动的方法有以下三种:
此为未清除浮动源代码,运行代码无法查看到父级元素浅黄色背景。
<style type=”text/css”>
<!–
*{margin:0;padding:0;}
body{font:36px bold; color:#F00; text-align:center;}
#layout{background:#FF9;}
#left{float:left;width:20%;height:200px;background:#DDD;line-height:200px;}
#right{float:right;width:30%;height:80px;background:#DDD;line-height:80px;}
–>
</style>
<div id=”layout”>
<div id=”left”>Left</div>
<div id=”right”>Right</div>
</div>
未清除浮动前如图所示:
标签:css,布局,float,清除浮动
0
投稿
猜你喜欢
sqlserver 导出插入脚本代码
2012-01-29 18:04:43
升级SQL Server 2008数据库引擎
2009-03-25 12:58:00
JavaScript性能优化--创建文档碎片
2009-12-04 12:41:00
css利用锚点控制翻页
2008-07-17 13:12:00
Win7的IIS7中ASP获得的系统日期格式为斜杠的解决办法
2012-12-04 19:57:33
IE8将是IE的最后一个版本?
2009-03-12 12:44:00
可以随便改别人的网页的代码
2008-03-25 12:54:00
10款实用的jQuery图片插件
2011-01-25 12:28:00
是在客户端确认还是在服务器端确认?
2010-07-14 21:05:00
网页中常用数字/字母序号与代码对照表
2009-03-19 14:00:00
position、z-index、top、right、bottom和left属性
2009-10-04 20:33:00
Dreamweaver使用快技法十三则
2009-07-21 12:45:00
JQUERY新手学习笔记
2008-09-28 12:43:00
如何操作Access数据库?
2009-11-11 19:23:00
ASP生成静态网页的方法
2008-02-18 19:20:00
不安全的js写法
2009-09-16 14:26:00
asp连接access数据库表代码实例
2008-04-13 06:18:00
document.createElement()用法及注意事项
2008-04-21 15:16:00
注册表单的改进分解
2008-05-31 17:19:00
如何处理好网页色彩搭配
2007-08-10 13:22:00