自己总结的几点：
1、如果一个对象有float的话，基本就不会用到width
2、有时对div的书写顺序也有要求，先写float
3、终于明白IE为什么那么讨厌了
一个三栏的例子，中间栏自适应
这里有个问题，就是三栏之间会有一小段空隙，这在FF下是没有的，所以如果要形成连续的效果的话，可以在main里定义背景。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <meta http-equiv=”Content-Type” content=”text/html;charset=gb2312″ /> <style type=”text/css”> <!– #left { float:left; width:200px; height:200px; background:orange; } #middle { height:200px; background:#eee; } #right { float:right; width:200px; height:200px; background:black; } –> </style> <div id=”main”> <div id=”left”></div> <div id=”right”></div> <div id=”middle”></div> </div>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
页面垂直居中
<style> #test{ width:100px; height:100px; position:absolute; left:50%;top:50%; margin:-50px 0 0 -50px; background-color:#000 } </style> <div id=”test”></div>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
