子元素div高度不确定时父div高度如何自适应


在最外层div加以下样式

height:100%;
overflow:hidden;

其它方法:

Div即父容器不根据内容自适应高度,我们看下面的代码:

复制代码
代码如下:

<div id="main">
<div id="content"></div>
</div>

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

我们可以通过三种方法来解决这个问题 
1增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。

复制代码
代码如下:

<div id="main">
<div id="content"></div>
<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div>

2增加一个容器,在代码中存在,但在视觉中不可见。

复制代码
代码如下:

<div id="main">
<div id="content"></div>
<div style="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div>
</div>

3增加一个BR并设置样式为clear:both。

复制代码
代码如下:

<div id="main">
<div id="content"></div>
<br style="clear:both;" />
</div>

补充:

复制代码
代码如下:

<div id="main">
<div id="content">
<p>demo1</p>
<p>demo2</p>
<p>demo3</p>
</div>
</div>
#main { border:1px solid #999999; background-color:#CCCCCC; height:100%; overflow:hidden;}
#content { float:left;}

以上三个方法都不是最好的解决方法,因为在程序代码观念中是提倡尽量不要添加无意义的标签代码



相关阅读:
删除条目时弹出的确认对话框
MySQL可以使用斜线来当字段的名字
Mac下如何给网页截图保存整个网页
Java中Properties的使用详解
ASP.NET开发中经常用到10款工具软件介绍
js利用数组length属性清空和截短数组的小例子
Java导出txt文件的方法
windows下忘记MySQL密码的修改方法
通过length属性判断jquery对象是否存在
oracle select执行顺序的详解
无需 Flash 使用 jQuery 复制文字到剪贴板
Win10系统如何启用文件夹导航窗格就是原来的树形结构目录
JavaScript Window浏览器对象模型方法与属性汇总
nodejs获取本机内网和外网ip地址的实现代码
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 童年的雪屋 2013年预备党员七一入党宣誓会发言稿 自信——生命飞翔的羽翼作文900字 2017年面包店创业计划书 我是雪莲君是峰 天际迷蒙不清 《南辕北辙》读后感 2015二00五年税务年度工作总结 小学五年级作文550字:母爱如花 七夕送给男朋友的话 还有什么能吃 2014学生会工作计划-学生会工作计划_学生会工作计划 我不想失去…… 树苗的努力作文550字 2016开心的春节作文600字:花灯一条街 假如我是只鱼 求励志歌曲 四月听风 检察院目标管理考核实施方案 “四风”问题的主要表现和危害 党员干部2016年工作总结 掌心里的海 2016年入党思想汇报优秀范文 《滴水穿石的启示》读后感600字 自己的花是让别人看的读后感400字 报告 天使来临 你走吧,永远别回头 红色爬山虎 小学六年级作文650字:外公是个老党员 课余生活作文600字 2016关于马克思主义的知识 关于大学生就业情况调研报告 承认错误才能获得好感 梦里雪落 忆如霜 当你放下iPad,未来才有更多iPad 韩寒青春经典语录 强化统计法制意识 拓宽统计调查范围 为全面完成全年统计工作任务而努力奋斗 参观虎岫寺 没有你陪伴的冬天,我该怎么过? 爱的教育读后感 振宇 我家的小白狗作文900字 企业演讲稿:忠于组织 团队致胜 工厂防暑降温应急预案 议论文作文800字:中毒 做品德合格的明白人心得体会 伤感短语毒句:有时候觉得被理解 是一件很奢侈的事 岁月如梭作文400字 银行案件读后感

Copyright © 2016 phpStudy |