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:

/*利用:after伪元素*/

div:after {

content:"";

display: block;

clear: both;

}

4. 设置 Div overflow:hidden

参考:

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

https://blog.csdn.net/halfsking/article/details/84821459

声明:本站所有文章和图片,如无特殊说明,均为原创发布,转载请注明出处。

相关推荐

硬盘低级格式化工具使用指南
365bet滚球网

硬盘低级格式化工具使用指南

📅 10-01 👁️ 6285
炰羔的解释及意思
365bet滚球网

炰羔的解释及意思

📅 09-30 👁️ 3855
天涯明月刀房契怎么用
365bet线路检测

天涯明月刀房契怎么用

📅 08-29 👁️ 677
高德地图怎么使用无网络导航
365bet线路检测

高德地图怎么使用无网络导航

📅 07-26 👁️ 6823