div高度为0解决

div高度为0解决

div高度是根据里面内容自适应撑开的,如果没有内容高度则为0;但div里面有内容高度仍是0,多半是因为元素浮动引起,div里面的元素浮动到其它地方,div里实际上没有内容,因而为0;

用如下为例:

显示图片后,div高度可能为0,此时可以通过如下3种方式解决掉高度为0:

1. 使用overflow属性:

为div增加样式:

style="overflow:visible"

这样即可撑满div,overflow可以取值:auto 出现滚动条;hidden:超过范围的隐藏(文字会显示不全)

2. 增加div清除浮动:

在被包含的元素下面,此例中为下面增加:

清除浮动后,将落入div中,不再浮动。

3. 使用伪类after:

为div增加样式:

/*利用:after伪元素*/

div:after {

content:"";

display: block;

clear: both;

}

其它文章参考:

http://www.jb51.net/css/74450.html

相关推荐

[网络视频应用推荐 使用 疑问]为什么不能在安卓系统的电视盒子安装浏览器打开直播网站?
为什么有钱人喜欢“装穷”?揭秘背后的真相!
基本解释

基本解释

08-03 👁️ 4912
王者荣耀隐藏分是什么 隐藏分要怎么查看
平台提现审核不通过

平台提现审核不通过

10-25 👁️ 7029
华为笔记本电脑Windows系统更新到24H2后指纹无法识别
国内怎么买数字货币?以BTC币为例大白话解释
风筝安装,风筝安装示意图三角
镜头品牌排行榜

镜头品牌排行榜

10-14 👁️ 4300