在写一个网页时,遇到div高度不定时,即高度设为auto,或者不设置时,加入的的背景图片不能显示的问题。在查阅相关资料后发现几种解决方法
出现这种情况有两个前提:
1.外部的div没有设置高度。
2.内部div浮动
解决方法:
1.最直接的方法:
给父级div直接设置高度,但这一般不是我么们想要的,因为我们的高度未定
2.清除浮动的方法:
在父级div结束之前加入一个空的div,然后清除浮动:clear:both;这样让父级div自动获取高度,代码如下:
3.在父级div加overflow属性,为hidden或者auto,但可能对页面造成影响,且该影响不确定,要多做测试,代码如下,二者取其一
4.使用after伪类
代码如下:
关于不设置div高度时,背景图片或背景颜色不显示的问题
最新推荐文章于 2023-01-15 10:45:01 发布