DIV+CSS之float
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又让它向右浮动该咋办？
相关文档：
列举一些网站页面变灰的css代码:
首先确保网站有1.0标准声明:
<!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“>
方法如下:
1.html{filte ......
我在第九区 上发表了这个系列的笔记，并上传了原作电子书，今天有空，转一下过来。
第一章、基础知识
1.1设计代码的结构
设计代码时应该使用有意义的标记，比如，xHTML里包含很多有意义的元素，如h1、ul、strong、thead等等，应用使用所有意义合适的元素；当现有元素不足以描述页面内容时，可以用id或是class来赋予它们� ......
各地哀悼玉树地震遇难同胞h1
各地哀悼玉树地震遇难同胞32px
各地哀悼玉树地震遇难同胞h2
各地哀悼玉树地震遇难同胞24px
各地哀悼玉树地震遇难同胞h3
各地哀悼玉树地震遇难同胞18px
各地哀悼玉树地震遇难同胞h4
各地哀悼玉树地震遇难同胞16px
各地哀悼玉树地震遇难同胞h5
各地哀悼玉树地震遇难同胞13px
各地哀悼玉 ......
<!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>CSS渐变条</ ......
最近作规范,得到公司高手的赐教，在制作静态页面中，经常遇到几个div的浮动问题，因为IE不同版本处理浮动会现两倍差距的问题（IE6，IE7），以前都是通过hack技术处理，（如 margin-left:10px,[*margin-left:5px;],_margin-left:5px;这是IE的问题），现在有一个方法：在第一个div的class加上（disp ......
