教程集 www.jiaochengji.com
教程集 >  CSS教程  >  经典实例  >  正文 css 高度自适应代码与自适应高度css兼容ie,firefox

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

发布时间:2020-05-21   编辑:jiaochengji.com
教程集为您提供css 高度自适应代码与自适应高度css兼容ie,firefox等资源,欢迎您收藏本站,我们将为您提供最新的css 高度自适应代码与自适应高度css兼容ie,firefox资源
这里我们定义了boxout与boxinside两个class,我现在要做的就是让boxout高度去自动适应boxInside的高度变化,好了现在我们来定义css代码

<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">
 
 </div>
</div>
</body>
</html>

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

 

您可能感兴趣的文章:
css 高度自适应代码与自适应高度css兼容ie,firefox
基于jQuery实现左右div自适应高度完全相同的代码
css div 高度自适应
css div设定最小高度又自适应高度
CSS完美兼容IE6/IE7/FF的通用方法
div 自适应高度
js控制iframe高度/宽度自适应
css DIV三列高度自适应
IE6,IE7 DIV固定高度的技巧
iframe自适应宽度和高度的函数一例

[关闭]
~ ~