最新传世私服

div css自动调整高度问题

     阅读 214 次    更新时间:2008/8/6    
DIV自动调整高度有好几种办法,这里介绍2种常用的办法,当然适合IE6 FF IE7 OP 其他浏览器我没有试过 第一是clear(清除),第二种是overflow和height的自动高度AUTO;


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>div自动高度</title> 
<style type="text/css"> 
<!-- 
.line{ border: 1px dashed #333;} 
.con {margin:auto; background-color:#FFFFCC;} 
.top{ height:200px; width:80%; background-color:#eee; margin:0 auto 10px auto;} 
.cl{ clear:both;}

.con1 { overflow:auto; height:auto;margin:auto; background-color:#FFFFCC;} 
.top1{ height:200px; width:80%; background-color:#eee; margin:0 auto;} 
--> 
</style> 
</head> 

<body> 
<h4>利用clear自动高度,因为TOP层有下边界</h4> 
<div class="con line"> 
<div class="top line"></div> 
<div class="top line"></div> 
<div class="top line"></div> 
<div class="top line"></div> 
<div class="top line"></div> 
<div class="top line"></div> 
<div class="cl"></div> 
</div> 
<h4>利用overflow和高度的自动高度实现,无下边界的情况</h4> 
<div class="con1 line"> 
<div class="top1 line"></div> 
<div class="top1 line"></div> 
<div class="top1 line"></div> 
<div class="top1 line"></div> 
<div class="top1 line"></div> 
<div class="top1 line"></div> 
</div> 
</body> 
</html> 

 

Copyright 2019年创建 All Rights Reserved 最新中变传世私服|最BT版别的传世sf|绝世版传奇世界私服问世 版权所有 传世私服

在端游的热门游戏出现之后,神灵和魔鬼的变态传世私服就诞生了。盛大游戏中有这么多私服服务器的原因主要是因为传世游戏的源代码泄漏,导致它以光速传播。它的诞生使得盛大游戏的受欢迎程度大打折扣。然而,它已经做了很多工作,拥有传奇世界SF的人数已经发展到几何趋势。这种趋势仍在继续导致传奇世界私的预期寿命只有两到三年。但最终,会有一些粉丝将继承传奇世界私服游戏磨砺到底!