龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css 高度自适应代码与自适应高度css兼容ie,firefox

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
这里我们定义了boxout与boxinside两个class,我现在要做的就是让boxout高度去自动适应boxInside的高度变化,好了现在我们来定义css代码 css教程 高度自适应代码与自适应高度css兼容ie,firefox htm
这里我们定义了boxout与boxinside两个class,我现在要做的就是让boxout高度去自动适应boxInside的高度变化,好了现在我们来定义css代码

css教程 高度自适应代码与自适应高度css兼容ie,firefox
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css 高度自适应代码与自适应高度css兼容ie,firefox</title>
</head>
<style type="text/css">
 .boxOut{
  height:100%;
  width:200px;
  border:1px solid #990000;
  float:left;
  overflow:hidden;
  }
 .boxInside{
  height:500px;
  width:100px;
  background:#0000CC;  
 }
</style>
<body>
<!-- -->
<div class="boxOut">
 <div class="boxInside">
 这里我们定义了boxout与boxinside两个class,我现在要做的就是让boxout高度去自动适应boxInside的高度变化,好了现在我们来定义css代码
 </div>
</div>
</body>
</html>

本站原创文章转载注明来自www.111cn.net


精彩图集

赞助商链接