注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一个人的世界

专注于网站优化与网络发展的研究与探索..

 
 
 

日志

 
 
 
 

让div自动适应高度_已解决  

2014-12-11 09:26:41|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
我们看下面的代码:
<div id="main">
<div id="content"></div>
</div>

  当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。

  我们可以通过三种方法来解决这个问题。
  一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。
<div id="main"> 
<div id="content"></div> 
<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div> 

  二,增加一个容器,在代码中存在,但在视觉中不可见。
<div id="main"> 
<div id="content"></div> 
<div style="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div>
</div> 

  三,增加一个BR并设置样式为clear:both。
<div id="main"> 
<div id="content"></div> 
<br style="clear:both;" />
</div>
  评论这张
 
阅读(36)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017