我有一个我正在为任务管理/错误报告应用程序工作的表单。
我已经编写了添加新Bug报告的代码并且它可以正常工作，现在我正在寻找一点点修改HTML但是我对{{1}的宽度有点麻烦和textarea。
textbox这是我目前所拥有的HTML - 它显示了我想要的方式.. <div class="g12">
<form action="{{ path('feedback_create', { 'category': category }) }}" method="post" {{ form_enctype(form) }}>
<fieldset>
<label class="handle">Title</br><span class="small">Short Descriptive Title</span></label>
{{ form_widget(form.title )}}
<label class="handle">Problematic Steps</br><span class="small">Detailed Steps to Reproduce the Problem</span></label>
{{ form_widget(form.userNotes)}}
</fieldset>
{{ form_rest(form) }}
<p>
<button type="submit">Create</button>
</p>
</form>
</div>
除外，文本区域似乎与表格的两侧重叠..我试过清除我的缓存，并将form_widget行包装在一个设置宽度为div的div中无效...
我已经创建了jsfiddle中缺少最小CSS的基础知识，用于视觉方面。
我感谢任何想法或提示，以解决它。
答案 0 :(得分：3)
你的CSS有
input, textarea { width: 99%; } /* This is not the cause */
我注意到了：
display: none; /* This is not the cause */
这两个项目（INPUT和TEXTAREA）仍然会保持非常宽的形式。这是由于您的.g12类宽度值。当我把
.g12 { width: auto; } /* This is a solution */
它缩小了。 在小提琴中，由于第一个DIV，滚动条仍然是800px宽度。我想这应该保持不变。
请注意，您应将此规则置于宽度适用于.g12的其他规则下，或使选择器更重：
div.g12 { width: auto; }