応答ボタン

Question

私は現在、簡単な応答テンプレートを作成していますが、不幸にも、ページを検査して「縮小」すると、ボタンはフローに含まれません。

は、ここに私のコードです：

.w3container { 
 
    max-width: 100%; 
 
    position: relative; 
 
    left: 750px; 
 
    font-size: 22px; 
 
    color: white; 
 
    font-family: 'Comfortaa', cursive; 
 
    margin: 0; 
 
}

<div class="w3container"> 
 
    <button class="btn1">btn1</button> 
 
    <button class="btn2">btn2</button> 
 
    <button class="btn3">btn3</button> 
 
</div>

Answer 1

button { 
    display: inline-block; 
    box-sizing: border-box; 
    max-width: 100%; 
} 

それとも、ボタン全幅をしたい場合は