CSS中的定位问题注意事项

一、框模型中从里到外是内容(context)、填充(padding)、边框(border)和空白边(margin)；注意width、height指的是内容的宽度和高度，但IE没有按标准实现，自己产生了一个怪异的框模型，width、height指的是内容、填充、边框宽度和高度的总和；当两个垂直的空白边相遇时，将发现叠加，取两者中原值较大者。

二、对于定位的几点说明：相对定位是相对于文档流中的初始位置，元素本身即使移动到了别处也要占据原来没有变化时的初始位置；而绝对定位是相对于最近已定位的祖先元素，如果不存在已定位的祖先元素那么就是最初的包含块，绝对定位与文档流无关；固定定位(fixed)其实是绝对定位的一个子类别，它能使元素出现在页面的相同位置处，而不随页面上下的拖动。(但IE对它不支持，真不知gates搞什么鬼)

三、关于float的一点心得：由于float元素不在文档流中，不占空间，所以下面的代码无法实现div包含img和p元素的效果,去掉注释看看。

< html >  
     < head >  
         < style  type ="text/css" > ... ... 
        <!-- 
            .new {...}{...}{...}{ 
                background-color: Gray; 
                border: solid 1px Black; 
            } 
            .new img {...}{...}{...}{ 
                float: left; 
            } 
            .new p {...}{...}{...}{ 
                float: right; 
            } 
  
            /**//**//**//*利用after伪类实现 
            .new p:after { 
                clear: both; 
            } 
            */ 
        --> 
         </ style >  
     </ head >  
     < body >  
         < div  class ="new" >  
             < img  src ="arrow.gif"   alt ="arrow" >  
             < p > 我们都喜欢css </ p > helloworld 
         </ div >  
     </ body >  
</ html >