test.html：
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id="p1">
this is a p1 p
</p>
<p id="p2">
this is a p2 p
</p>
<div id="footer3">
this is a footer3 div
</div>
</body>
</html>
c.css：
div#footer2 {
float:left;
background-color: #faf;
width: 200px;
height:80px;
margin: 10px;
}
#p1{
float: right;
background-color: #afa;
width: 200px;
height:80px;
margin: 2px;
}
#p2{
float: right;
background-color: #afa;
width: 200px;
height:80px;
margin: 2px;
}
#footer3 {
float:right;
background:#afe;
width: 200px;
height:80px;
margin: 2px;
}
1.
中间有两个<p>元素，那么问题就来了，如果在css里没有设置margin则在FF中样子会与想像中的不同，div 与
p 的高度会不相同。
加个margin就没事了，即使傎是0。
2.css中float 与 clear 不能一起使用，一起用clear会不起作用。
所以现在还不晓得既让footer2 clear both又让它向右浮动该咋办？
我在www.c09.com 发表了这个笔记并上传了原著的PDF，今天有空，转到BLOG上来。
第七章 布局
所有CSS布局技术都依赖于三个基本概念：定位、浮动和空白边操纵
7.1 让设计居中[code]
<body>
<div id='wrapper'>
</div>
</body>
/*最明了的居中方案，可惜IE6不支持*/
#wrapper{
......
最近作规范,得到公司高手的赐教，在制作静态页面中，经常遇到几个div的浮动问题，因为IE不同版本处理浮动会现两倍差距的问题（IE6，IE7），以前都是通过hack技术处理，（如 margin-left:10px,[*margin-left:5px;],_margin-left:5px;这是IE的问题），现在有一个方法：在第一个div的class加上（disp ......
