我该如何解决？我刚刚意识到这一点——或者这可能是我的独特之处。无论我使用哪种 CSS 框架，表单都会占据整个宽度。我试过根据他们的关键字调整大小(例如 Bulma 中的“is-9”)，但都没有用。
我创建了一个围绕用 ERB 编写的表单的部分，并编写了一个 CSS 来设置该部分的最大宽度。
这是解决这个问题的唯一方法吗？还是我缺少一种标准方法？我找不到与此相关的任何信息。
更新:
根据评论者的奇妙建议，我已经确定了导致此问题的 CSS 框架中的特定 CSS 代码，然后我在应用程序样式表中用我自己的代码覆盖了该代码。
但这看起来很麻烦。这就是 CSS 框架的使用方式吗？他们是否总是将表单的最小宽度和默认宽度设置为 100%？
最佳答案
如评论中所述，我建议您:
- 在浏览器中打开开发者控制台。
- 查看应用于表单的样式，了解不良行为的来源。
- 用您自己的 CSS 覆盖它。
至于这是否是 CSS 框架的使用方式，我没有明确的答案。但是，根据我的经验，答案是"is"，并且能够用更具体的行为(在您的应用程序中)覆盖更一般的行为(在框架中)将“级联”置于级联样式表中。
关于html - 为什么在使用 CSS 框架时，所有表单默认都是 100% 宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57438484/