注：此系列的文章主要记录本人在使用Div+CSS布局重构网站的过程中遇到的一些问题，对于一些疑难问题也会有所解答，不会涉及任何的新技术。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
习惯了使用table布局和定位，改用Div+css时会有些不习惯，毕竟思想不一样。
简单记一下一些对布局来说最常用的CSS属性及其值。
1、float:left
没它不行啊……用得比较多的是float:left，float:right偶尔用用，一开始的时候还不知道这是什么意思，只不过大家都这么写，并且知道用它可以让各个元素水平排列，一行排满了会自动换行。如果没有这个属性，各个元素会一直向下排列。如果真要仔细追究它的原理的话，估计又得一篇文章了。
2、clear:both
我比较懒，绝大部分时候是clear:both，清除浮动。还有一个妙用，就是用在div的末尾，div的高度会根据里面的内容自动调整。如
<div id='div1'>***<div style='clear:both;'></div></div>
则div1的高度会随着***的内容的高度变化而变化。这主要用在firefox、opera等，IE里的div高度是能够自动调整的。
3、list-style:none
与布局无关，但不这样的话li前面那个点比较讨厌，去掉它。
4、height，line-height
两者相等的话，很多东西都自动垂直居中了。由于是初学者，同样先不追究原理。
5、padding，margin
这两家伙很有趣，也很有用，以后再深入探讨。
6、overflow: hidden
也没深究，反正用它满足了ul根据里面的元素的高度而自动调整的要求。有人说display:inline也能满足要求。
比较常用和重要的就这么多。不是说其它的就不重要和常用，但不影响布局了。像background、border、font系列的，能说它们不重要吗？只不过我说的是布局相关而已。
最后介绍两个这方面参考资料比较多的网址，我发现它们的时候莫提多高兴了：
1）
http://www.baidu.com/s?wd=div+css；
2）
http://www.google.cn/search?hl=zh-CN&source=hp&q=div+css&aq=f&oq=
阅读(399) posted on 2009年12月3日 18:56