height:100%; 不起作用的四种解决方法,子级溢出来父级却没有撑开
来源:互联网 发布:第二次世界大战知乎 编辑:程序博客网 时间:2024/06/07 06:53
项目中遇到一个问题:
父级高度是auto,子级高度100%但是元素却无法撑满,总结了一下有下面三种方法,亲测有效:
1:给父元素设为块级并加固定高度
2: 父元素height:auto; overflow:hidden;
3: 不苛求兼容性的话父级display: flex; 就可以了
顺便说一下另外一个问题:
项目中父级高度是auto,但是子级溢出来父级却没有撑开,如下图:
两种可能:
一、使用了float
- 在浮动结束的容器后面加上这段代码,清除浮动
<div style=”clear:both;”></div>
- 在外层DIV(父级)的CSS里面加入以下CSS代码
overflow: auto;
二、使用了absolute
去掉position:absolute; 或者改成 relative;
上述两种情况都是属于 脱离文档流 的原因造成的,解决了这个,问题也就开朗啦~~
0 0
- height:100%; 不起作用的四种解决方法,子级溢出来父级却没有撑开
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- height:100%不起作用!
- 解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法
- css里height:100%不起作用
- web中height:100%不起作用?
- web中height:100%不起作用?
- 解决网页高度height="100%"不起作用的问题
- 解决网页高度height="100%"不起作用的问题
- 解决网页高度height="100%"不起作用的问题
- IE7,IE8,IE9 字体不能垂直居中, line-height 不起作用的解决方法
- 父容器display:flex后,子元素的内部元素height:100%无效解决方法
- Python——isinstance函数
- 熟悉Linux基本操作
- js中的this到底指什么?
- StyledAutoComplete
- 堆栈的概念
- height:100%; 不起作用的四种解决方法,子级溢出来父级却没有撑开
- MySQL数据库(8)
- Centos7 使用GDB调试时的问题:Missing separate debuginfos, use: debuginfo-install libgccxxx
- 学习淘淘商城第三十一课(Redis集群搭建)
- decltype
- Junil
- lintcode二叉树的所有路径
- 免费公开课:机器学习算法之水煮SVM
- 修改环境变量导致命令出错