文章/答案/技术大牛

发布

问哪个div有固定的宽度？
EN

Stack Overflow用户

提问于 2018-06-13 20:55:54

回答 2查看 69关注 0票数 2

我有一些任意嵌套的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元素的大小小于400 my。我如何找出哪个规则是强制最小宽度？

我尝试过用Chrome的检查器手动检查每个div，但是我的实际代码是嵌套的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>

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-06-18 20:33:04

原来我问错问题了！我的怀疑是错误的-没有开发人员隐藏CSS规则。相反，它是div元素中一些不可打破的文本。

div中有一行文本(如Loremipsum....loremipsum )无法正确中断。div元素的大小不小于这个长"word“的宽度。

改变破字策略解决了我的问题：

div {
    word-break: break-word;
}

票数 0

Stack Overflow用户

发布于 2018-06-13 21:16:09

转到CSS样式的“计算”选项卡。在那里，寻找‘最小宽度’属性。悬停在‘400 an’值上，您将看到一个箭头。单击该箭头，它将跳过执行该箭头的CSS规则。

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50846137

复制

相似问题

问哪个div有固定的宽度？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问哪个div有固定的宽度？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问哪个div有固定的宽度？
EN