gpt4 book ai didi

html - 计算出的宽度与指定宽度有何不同?

转载 作者:行者123 更新时间:2023-11-28 02:23:09 27 4
gpt4 key购买 nike

<分区>

当我遇到这种计算宽度与指定宽度不同的行为时,我正在尝试制作新布局。所以现在,我很好奇这种情况下宽度的计算方式。

我知道我可以使用 .row-1 { width: calc(100% - 70px); }所以row-2会有70px宽度,但我想知道如何width: 100%在这种情况下使用 px 宽度。

我希望宽度为 row-2成为70px , 但计算值介于 60px - 69px 之间.

html,
body {
width: 100%;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.container {
display: flex;
width: 100%;
}

.row {
border: 1px solid black;
padding: 5px;
}

.row-1 {
width: 100%;
}

.row-2 {
width: 70px;
}
<html>
<body>
<div class="container">
<div class="row row-1">row 1</div>
<div class="row row-2">row 2</div>
</div>
</body>
</html>

编辑:最后一句话可能会混淆我的询问内容。我想知道的是浏览器计算 row-2 宽度的方式。在这种情况下。为什么不是70px喜欢指定的宽度?

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com