DIV CSS无法实现背景颜色问题及解决方法

发布时间:2021-01-01编辑:脚本学堂
本文介绍用div css无法实现背景的问题,并分析原因,从而得到解决。这是新手布局网页时会遇到的问题,建议一定要看看。

下面我们就对背景颜色问题进行分析解决吧!
div css新手布局往往在布局背景颜色时出现错误,以至无法得到自己想要的效果,甚至都不显示,一般布局背景无法显示的原因如下:

1、使用float浮动,造成浮动产生无法显示css背景颜色
2、高度不够而产生背景无法显示

下面我们就针对以上两种情况分别介绍原因和解决方法。

一、css float浮动产生浮动无法显示背景样式颜色   -   TOP假设对一个对象设置了background背景颜色样式,该对象内部盒子有使用float浮动属性样式,由于该对象浮动产生,导致它不能撑开,所以css背景颜色就无法显示。
解决方法有三种,一个是设置clear清除浮动、设置css高度、设置css overflow样式。

详细教程可进入:css清除浮动 http://www.jb200.com/article/8075.html

二、高度限制造成了背景颜色不能显示   -   TOP原因分析:
如果你有个对象没有计算好高度(或无意设置了一个很小高度属性样式),因为不确定内容大小,无法精确设置高度,当内容超过你设置高度限制,这时超出部分背景就可能无法显示。

解决方法:
设置够高的高度,或取消删除高度样式即可。

如果你想限制高度,又不想内容过多溢出你设置高度限制,解决教程:
css隐藏溢出超出DIV边框的内容:http://www.jb200.com/article/7042.html