当前位置：移动技术网 > IT编程>网页制作>CSS > 父div高度不能自适应子div高度的解决方案

父div高度不能自适应子div高度的解决方案

2017年12月01日 | 移动技术网IT编程 | 我要评论

当content内容多时，即使parent设置了高度100%或auto，在不同浏览器下还是不能完好的自动伸展。解决方案如下：

在层的最下方产生一个高度为1的空格，可解除这个问题。

另外还有这样写的：<div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;" />或者<br style="clear:both;" />。

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

2020-08-09

项目介绍，这是一个unity阅读器的项目，模仿生活中的书籍，githup链接：Ui介绍：登录界面：整体色调为蓝色... [阅读全文]
margin能做什么（css前端编程margin详细分析）

hello，大家好我是margin，经常有小伙伴把我跟我的兄弟padding搞混，下面我就详细的说一下我的主要工... [阅读全文]
CSS动态条形加载条效果的示例代码

运用了css变量的知识，直接上代码及其我加的注释<!doctype html><html> <head> <m... [阅读全文]
CSS3实现线性渐变用法示例代码详解

前言演示下太老版本浏览器的渐变实现了[ie9-];ie9以前,渐变都是通过滤镜实现的,大体的写法就是这样;.testdiv {width:400px;heigh... [阅读全文]
CSS中的两个特殊值用于控制层叠的inherit和initial的方法

在css中有两个特殊值可以赋给任意属性，用于控制层叠：inherit和initial。我们来看看这两个特殊值。使用inherit关键字有时，我们想用继承代替一个... [阅读全文]
CSS3 input框的实现代码类似Google登录的动画效果

用css3将input框写出类似google登录页面的动画效果效果一代码如下cssbody{ background-color:#acacac; } ... [阅读全文]
CSS 容器背景 10 种颜色渐变Demo（linear-gradient()）

语法background: linear-gradient(direction,color-stop1,color-stop2,...); directi... [阅读全文]
纯CSS3+DIV实现小三角形边框效果的示例代码

具体代码如下所示：html代码是这样的<div class="arrow-up"> ... [阅读全文]
详解CSS文件中的4种引入方式:行内,内联式,外部式,导入式

css引入方式-行内式通过 style这个标签属性,将css键值对直接写入标签内<p style="width: 100px;height: 1... [阅读全文]
css 类似于360安全体检的动画

<div class="containertj"> <div class="status... [阅读全文]

网友评论


验证码：

父div高度不能自适应子div高度的解决方案

2017年12月01日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论