CSS中，有时会遇到div不显示的情况，下面介绍一些可能导致这种情况的原因。

<div ></div>

1. 没有设置宽高

.box {}

解决方法：设置宽高

.box {width: 100px;height: 100px;}

2. 隐藏了元素

.box {display:none;}

解决方法：将样式设置为block或其他可见的值

.box {display: block;}

3. 其他元素遮挡了div

.box {position: absolute;top: 100px;left: 100px;}

解决方法：调整位置或层级

.box {position: absolute;top: 200px;left: 200px;z-index: 100;}

4. 父元素样式影响了子元素

.parent {display: none;}.box {}<div ><div ></div></div>

解决方法：改变样式继承方式或显示父元素

.parent {visibility: hidden;}.parent {display: block;}

总结：

以上是造成CSS中div不显示的几个常见原因及解决方法，如果经过以上排查问题仍未解决，请查看其他可能原因或提交问题排查。