html - html - 添加按钮提供额外的宽度

Question

我有一个简单的 div<textarea>里面有 2 s。到这里为止一切正常。当我向其添加按钮时，div 会自动扩展其宽度。我不知道为什么会这样！

见小提琴。

HTML：

<div class="offer_a_help">
    <textarea rows="5"></textarea>
    <textarea rows="5"></textarea>
    <button id="send_offer">Send Offer</button>
</div>

CSS：

.offer_a_help {
    min-width: 350px;
    min-height: 250px;
    position: absolute;
    top: calc(100%/2 - 350px/2);
    left: calc(100%/2 - 250px/2);
    background-color: #eee;
    border: 1px solid #bbb;
    text-align: center;
}
.offer_a_help textarea {
    width: 98%;
    padding: 0;
    margin-top: 3px;
}

Answer 1

在您的第一个小提琴中，您使用了宽度/高度：

第一的

width: 350px;
height: 250px;

在第二个你已经使用了 min-width / min-height

第二

min-width: 350px;
min-height: 250px;

比较您的代码，在两者上使用任何一个，