黑马学习笔记——怎么让Div自适应高度

发布时间:2017-3-31 0:39:41 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"黑马学习笔记——怎么让Div自适应高度",主要涉及到黑马学习笔记——怎么让Div自适应高度方面的内容,对于黑马学习笔记——怎么让Div自适应高度感兴趣的同学可以参考一下。

很郁闷的一件事情是:有时你需要一个DIV根据里面的元素自动适应高度,所以,你肯定无法给这个DIV定义一个实际高度。而你随便嵌套一个DIV却发现并不适应高度。这事就郁闷了。下面给出一些方法。 大致的例子是: <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> 以上三个方法都不是最好的解决方法,因为在程序代码观念中是提倡尽量不要添加无意义的标签代码。 现在,你可以用下面的方法来实现DIV自适应高度效果 #main {  height:100%;  overflow:hidden;  }

上一篇:pat 1013. Battle Over Cities (25)
下一篇:ARM&nbsp;Linux&nbsp;(S3C6410架构…

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款