Почему ширина ввода и кнопки не одинакова, даже если они используют те же классы ⇐ Html

[Anonymous]

Я использую Tailwind CSS и реагирую, чтобы создать кнопку и входной компонент.

Код: Выделить всё

import React from "react";

export default function Button() {
return (

77%

);
}
< /code>
input.js
import React from "react";

export default function Input() {
return (

);
}
< /code>
Однако ширина этих компонентов не одинакова. Я попытался настроить свойство по размеру коробки 

, но оно не работает.

CodeSandbox: https://codesandbox.io/s/tailwind-css-a ... src/app.js написано (В этом случае оба их значение составляет 77%, поэтому их ширина должна быть одинаковой).

Подробнее здесь: https://stackoverflow.com/questions/769 ... re-using-t