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、长度单位说明
in 英寸
cm 公分
mm 公里
cm 以目前字体高度为单位
ex 以小写字母高度为单位（大部分不支持）
pt 1pt/72英寸
pc 1pc/12pt
px 像素（推荐使用）
2、颜色单位： 说明
十六进制如：color:#ff0000
颜色名称如：color:red
三原色单位如：rgb(255,0,0)
一般最常用的是十六进� ......
原文:http://www.52css.com/article.asp?id=1026
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.
对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明.
1.div的垂直居中问题
vertical-align:middle;
将行距增加� ......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>固定表头和列</title>
<style>
.FixedTitleRow
......
【简 介】
为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码
为方便站点哀悼,特提供css滤镜代码,以表哀悼.以下为全站CSS代码.
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装.建议全国站长动起来.为� ......
各地哀悼玉树地震遇难同胞h1
各地哀悼玉树地震遇难同胞32px
各地哀悼玉树地震遇难同胞h2
各地哀悼玉树地震遇难同胞24px
各地哀悼玉树地震遇难同胞h3
各地哀悼玉树地震遇难同胞18px
各地哀悼玉树地震遇难同胞h4
各地哀悼玉树地震遇难同胞16px
各地哀悼玉树地震遇难同胞h5
各地哀悼玉树地震遇难同胞13px
各地哀悼玉 ......
