【发布时间】：2019-12-17 16:37:56
【问题描述】：
我该如何解决呢？我刚刚意识到这一点——或者这可能是我独一无二的。无论我使用哪个 CSS 框架，表单都会占据整个宽度。我已经尝试根据他们的关键字调整大小（例如 Bulma 中的“is-9”），但没有奏效。
我创建了一个包含用 ERB 编写的表单的部分，并编写了一个 CSS 来设置该部分的最大宽度。
这是解决这个问题的唯一方法吗？或者有没有我错过的标准方式？我找不到与此相关的任何信息。
更新：
根据评论者的精彩建议，我已经确定了导致此问题的 CSS 框架中的特定 CSS 代码，然后我在应用程序样式表中用我自己的代码覆盖了该代码。
然而，这似乎很麻烦。这就是 CSS 框架的使用方式吗？他们是否总是将表单的最小宽度和默认宽度设置为 100%？
【问题讨论】：
-
您的 CSS 样式表中有
*或body类来应用样式吗？在您的应用程序 CSS 文件中进行搜索，看看是否为width: 100%或任何类型的表单元素设置了任何内容。 -
@Jake 所以只有我一个人。不，CSS 样式表是干净的。这是一个 Rails 应用程序，到目前为止，除了我上面写的之外，还有一些没有样式的 CRUD
-
在浏览器中打开开发者控制台。查看应用于表单的样式以了解不良行为的来源。用你自己的 CSS 覆盖它。
-
@jvillian 看起来像在 Bulma（CSS 框架）中，最大和最小宽度都设置为 100%。我会尝试更改最小宽度。
-
源代码是……噩梦。也许存在另一种方式？我的意思是如果这是由 CSS 框架引起的——我尝试过的多个 CSS 框架都这样做——那么人们如何解决这个问题？
标签： html css ruby-on-rails css-frameworks