html - 哪个div有固定宽度？

我有一些任意嵌套的div使用 display: inline-block 的元素像这样:

<div class="div-0">
    <div class="div-1">
        <div class="div-01"></div>
        <div class="div-02"></div>
    </div>
    <div class="div-2">
        <div class="div-01"></div>
        <div class="div-02"></div>
    </div>
    <div class="div-3">
        <div class="div-01"></div>
        <div class="div-02"></div>
    </div>
    <div class="div-4">
        <div class="div-01"></div>
        <div class="div-02"></div>
    </div>
    <div class="div-5">
        <div class="div-01"></div>
        <div class="div-02"></div>
    </div>
</div>

有人在某处隐藏了特定的 CSS 规则，如下所示:

.div-0 .div-4 .div-01 {
    min-width: 400px;
    width: 100%;
}

这会阻止我所有的div元素尺寸小于 400px。如何找出强制使用最小宽度的规则？

我尝试手动检查每个 div使用 Chrome 的检查器，但我的实际代码嵌套了 20+ div元素较深，通过检查很难确定。

* {
  box-sizing: border-box;
}

div {
  border: 1px solid red;
  padding: 25px;
  display: inline-block;
  min-width: 100%;
}

.div-0 .div-4 .div-01 {
  min-width: 400px;
  width: 100%;
}

<!DOCTYPE html>
<html lang="en">

<head>
</head>

<body>
  <div class="div-0">
    <div class="div-1">
      <div class="div-01"></div>
      <div class="div-02"></div>
    </div>
    <div class="div-2">
      <div class="div-01"></div>
      <div class="div-02"></div>
    </div>
    <div class="div-3">
      <div class="div-01"></div>
      <div class="div-02"></div>
    </div>
    <div class="div-4">
      <div class="div-01"></div>
      <div class="div-02"></div>
    </div>
    <div class="div-5">
      <div class="div-01"></div>
      <div class="div-02"></div>
    </div>
  </div>
</body>

</html>

最佳答案

转到 CSS 样式的“计算”选项卡。在那里，查找“min-width”属性。将鼠标悬停在“400px”值上，您将看到一个箭头。单击该箭头，您将跳转到强制执行它的 CSS 规则。

关于html - 哪个div有固定宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50846137/

html - 哪个div有固定宽度？

上一篇：css - 如何在 HTML 中强制断字？

下一篇：html - 对齐中心下拉菜单 Bootstrap 4