彻底弄懂CSS盒子模式之三

[ 来源：不详 | 作者：webflash | 时间：2007-9-11 22:47:51 | 浏览：统计中... ]

用），请自己删掉我的注释部分进行前后对比。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>用clear快速清除所有对像浮动</title><style type="text/css"><!--/*body div {clear:both;}*/* {margin:0px; padding:0px;}body {margin:10px;font-size:15px;}.box1 {background-color: #66CCFF;height:30px;width: 100px;border: 1px solid #336666; float:left;}.box2 {background-color: #FF0000;height:30px;width: 100px;border: 1px solid #336666; float:left;}.box3 {background-color: #00FF00;height:30px;width: 100px;border: 1px solid #336666; float:left;}.box4 {background-color: #0000FF;height:30px;width: 100px;border: 1px solid #336666; float:left;}.box5 {background-color: #FF00FF;height:30px;width: 100px;border: 1px solid #336666; float:left;}--></style></head><body><div class="box1">我原来位置是[横排]的</div><div class="box2">我原来位置是[横排]的</div><div class="box3">我原来位置是[横排]的</div><div class="box4">我原来位置是[横排]的</div><div class="box5">我原来位置是[横排]的</div><div class="box2">我原来位置是[横排]的</div><div class="box3">我原来位置是[横排]的</div><div class="box4">我原来位置是[横排]的</div><div class="box5">我原来位置是[横排]的</div></body></html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

好了，我的介绍到此完毕，各位还满意吗？有什么不满意可以提出来哦。你的意见就像一面镜子，它可以让我很清楚地发现自己的不足，然后改进它。

经典论坛讨论：
http://bbs.blueidea.com/thread-2732609-1-1.html

本文链接：http://www.blueidea.com/tech/web/2007/4579.asp　

上一页 [1] [2] [3] [4] [5]

上一篇：彻底弄懂CSS盒子模式之四

下一篇：详解css定位与定位应用

>> 相关文章

	评论内容只代表网友观点，与本站立场无关！查看完整内容
	我来评两句用户名称评分验证码最多500字。当前字数：0