里面的div怎么撑开外面的div,让高度自适应
来源:互联网 发布:jo malone推荐知乎 编辑:程序博客网 时间:2024/05/17 23:09
关于容器高度自适应的兼容性问题。
1.有些时候,我们希望容器有一个固定高度,但当其中的内容多的时候,又希望高度能够自适应,也即容器在纵向能被撑开,且如果有背景,也能够自适应。在一般情况下,使用min-height即可解决。但是广大网民的首选浏览器ie6并不支持min-height。ie7,opera,火狐没有问题。所以采用以下写法可以解决兼容性:
代码如下:
height:auto!important;height:200px;min-height:200px;
2.很多朋友反映用上面的方法后,在有些时候依然无法解决容器无法撑开自适应的问题。那一定是有容器嵌套的情况下,而子容器又是浮动的。例如<div class="fuqin"><ul><li>内容1</li><li>内容1</li></ul></div>
其中class为fuqin的div有浮动的li,当li比较多的时候,即便是div设置的是最小高度,也无法被撑开。
原因就在于作为子容器的li是浮动的即 。在这种情况下,即便是li的内容超过了div的高度,div也无法撑开。
解决方法如下:在浮动的容器后面,父容器结束之前加入一个div,代码如下:
<div class="fuqin">
<ul>
<li>内容1</li>
<li>内容1</>
</ul>
<div class="clearfloat"></div>
</div> .clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}
阅读全文
0 0
- div怎么撑开外面的div让高度自适应
- 里面的div怎么撑开外面的div,让高度自适应
- 里面的div无法撑开外面div的问题
- 怎么让div的高度自适应屏幕的高度
- div里面有ul li时 让高度自适应的方法
- 让DIV高度自适应
- 让div高度跟随窗口高度自适应的方法
- css中div不能被撑开高度不能自适应的问题
- 为什么一个img在一个div里下方有多余的空间-怎么让div自适应图片的高度
- 怎么让动态的 iframe 高度自适应里面内容
- 怎么让DIV的高度为浏览器高度
- 让DIV内部内容撑开外层的div方法
- Firefox的div高度自适应
- Firefox的div高度自适应
- Firefox的div高度自适应
- Firefox的div高度自适应
- 再谈DIV的高度自适应
- DIV 高度自适应的方法
- GCtf2017---Forbidden(山路十八弯各种要求报文格式+加解密)
- webWorker初识
- 利用PYTHON快速统计数字|单词在文本中出现的次数
- 历史的碎片,一页页飘落,好事者拣起自己中意的那页--马云的早年故事
- 深入理解Java虚拟机--上
- 里面的div怎么撑开外面的div,让高度自适应
- java多线程学习笔记(三)
- C语言简单通讯录模板
- C语言 单链表
- C# 16进制与字符串、字节数组之间的转换
- JavaScript---防止递归栈溢出错误
- MacBook Pro USB口可以识别U盘却不能识别手机?
- ORB_SLAM2捋思路(3)
- Android移动开发-选项菜单和子菜单(SubMenu)的实现