原创  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>

发表于 @ 2008年01月25日　12:31:00 | 评论( loading... ) | 编辑| 举报| 收藏

旧一篇:《笨主管手册》(三) | 新一篇:如何垂直居中文本
查看最新精华文章 请访问博客首页相关文章
  • 发表评论
  • 评论内容：
  •  
Copyright © ahuiok
Powered by CSDN Blog