CSS 大盒子没有高度是一个常见的问题。当我们给一个盒子元素设置了 width 和 border 后，却没有设置 height 属性时，该盒子元素将没有高度。

这是因为在 CSS 中，盒子元素默认的高度取决于其内部的内容。如果一个盒子内没有内容，那么就没有高度。因此，如果你没有设置 height 属性，而且这个盒子内没有任何内容，那么它将显示为一个空白的盒子。

为了解决这个问题，我们可以使用以下方法：

.box {width: 200px;border: 1px solid #ccc;height: 100px; }

这种方法虽然简单，但它不利于响应式网页设计，因为我们不希望在不同的浏览器和设备上都设置相同的高度。因此，我们可以使用以下方法：

.box {width: 200px;border: 1px solid #ccc;overflow: hidden; }

通过添加 overflow 属性，我们告诉浏览器，这个盒子要把它内部的所有内容都包含在内，并且不要让它们溢出。这样，虽然我们没有设置 height 属性，但是这个盒子仍然会有高度，并且会自适应其内部的内容。

综上所述，通过设置固定高度或添加 overflow 属性，我们可以解决 CSS 大盒子没有高度的问题。这不仅使我们的网页看起来更美观，而且在响应式网页设计中也非常有用。