为什么在使用CSS框架时，默认情况下所有表单的宽度均为100％？

Question

该如何解决？我刚刚意识到了这一点-也许这对我来说是独一无二的。无论我使用哪种CSS框架，表单都会占据整个宽度。我曾尝试根据他们的关键字（例如布尔玛中的“ is-9”）调整大小，但均无济于事。

我创建了一个部分，该部分包装了用ERB编写的表单，并编写了CSS来设置该部分的最大宽度。

这是处理此问题的唯一方法吗？还是我缺少一种标准的方式？我找不到与此相关的任何信息。

更新：

根据评论者的出色建议，我确定了导致此问题的CSS框架中的特定CSS代码，然后在应用程序样式表中使用我自己的代码覆盖了该代码。

但是，这似乎很麻烦。这是CSS框架的使用方式吗？他们是否始终将表单的最小宽度和默认宽度设置为100％？

Answer 1

如评论中所述，我建议您：

• 在浏览器中打开开发者控制台。
• 查看应用于表单的样式，以查看不期望的行为来自何处。
• 用您自己的CSS覆盖它。

关于CSS框架的使用方式，我没有明确的答案。但是，以我的经验，答案是“是”，并且能够（在应用程序中）用更特定的行为（在应用程序中）覆盖更一般的行为，从而将“级联”放入级联样式表中。