ff下为什么父容器的高度不能自适应

ff下为什么父容器的高度不能自适应

<! 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" > ...
<!-- 
div {...}{
    width:200px;
    border:1px solid red
    }
p {...}{
    float:left;
    width:100px;
    }
-->
</ style >
< div >< p > web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全 </ p ></ div >

为什么这个P撑不开DIV呢？解决的办法是在div 与 p 之间插入
<div style="clear:both"></div>

 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 无标题文档 </ title >
</ head >

< body >
<! 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" > ...
<!-- 
.Cdiv {...}{
    width:200px;
    border:1px solid red
    }
p {...}{
    float:left;
    width:100px;
    }
-->
</ style >
< div  class ="Cdiv" >
< p > web标准常见问题大全web标准常见问题大全

</ p >
< div  style ="clear:both" ></ div >
</ div >
</ body >
</ html >