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不显示的几个常见原因及解决方法，如果经过以上排查问题仍未解决，请查看其他可能原因或提交问题排查。