Question

我的div里面有两个div。容器是flexbox，我设置了两个孩子的MAX-width。作为一个例子

<div class="wrap">
    <div class="one">Hi</div>
    <div class="two">my second div</div>
</div>

和scss

.wrap {
    display:flex;
    .one{
        max-width:100px;
    }
    .two {
        max-width: 50px;
    }
}

现在我一直认为，如果我调整大小.wrap，它们将以相同的比例收缩，例如： - 50px取自两者。但显然这不是真的

然后我想也许这与最高（或最低）的最大宽度有关，再次不是这样的

我注意到的是，在其他div几乎没有发生任何事情之前，其中一个会缩小，是什么决定了这种行为？ 我的问题是决定哪一个将首先缩减到最大限制？ 我尝试删除flex并发生相同的结果，所以我猜它只与max-width有关？

Answer 1

当您拥有print(get_most_ooo_word(['oaa oa ooo', 'aaaa ao oa aaaoooa aooqq aoooqa'])) # ['ooo', 'aaaoooa', 'aoooqa']容器并且其中的子容未指定flex时，它会回退到项目中，在您的情况下，计算项宽度。

您可以使用flex-basis属性来定义＆＃34;缩小＆＃34; /＆＃34;成长＆＃34;比。

我的例子将保留1/3 - 2/3的比率。

＆＃13;

flex

＆＃13;

.wrap {
  display: flex;
}

.one {
  flex: 2;
  background-color: rgba(0, 0, 0, .5);
}

.two {
  flex: 1;
  background-color: rgba(0, 0, 0, .3);
}

＆＃13;

max width css中有优先级吗？

1 个答案: