学习标准——笔记 - 站长资源库


答案：自己总结的几点： 
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需刷新才能执行]

上一个：很不错的 CSS Hack 又学了一招
下一个：Lesson02_02 帧标签

更多图片编程知识: