CSS错误地显示一个框[关闭]答案

【问题标题】：CSS displaying one box incorrectly [closed]CSS错误地显示一个框[关闭]
【发布时间】：2017-04-03 16:36:41
【问题描述】：

我们有一个客户的网站已经运行了几年，没有任何问题。突然我们有一个块显示不正确，但似乎只影响谷歌浏览器：

我猜这是一个 CSS 问题，但我们无法弄清楚问题是什么。任何帮助将非常感激。

【问题讨论】：

这是因为，您的box 之一与其他boxes 的高度不同。使用developer tools 检查您的代码并找到他们的height 这通常发生在unequal-height boxes 被浮动然后由于容器width 而进入下一行时
请带上tour，看看周围，通读help center，尤其是How do I ask a good question?，努力解决问题。如果您在这样做时遇到了特定问题，请在您的尝试中发布问题（包括所有相关代码），说明什么不起作用，并解释您迄今为止的研究。
请阅读meta.stackoverflow.com/questions/254428/…

【解决方案1】：

试试这个，

.carContainer .mix {
    text-align: left;
    display: none;
    min-height: 350px;
}

有些框超过262px高度

【讨论】：

【解决方案2】：

请给 div "car-image-grid" 指定一个特定的高度。

.car-image-grid{
  /*Height*/
 }

我认为你的图像高度。

【讨论】：

【解决方案3】：

盒子高度不相等，试试这样：

.carContainer .mix {
  min-height: 400px;
}

【讨论】：

【解决方案4】：

.car-image-grid img {height: 215px;}

/* 将最小高度更改为高度 */

.carOverview {高度：95px;}

【讨论】：