我的代码有一个textarea，它不会扩展以填充整个div

Question

我的代码有一个textarea，它不会扩展以填充整个div。当我在Chrome中使用开发者工具时，我看到了这一点（编辑：这是系统生成的）：

我可以让textarea填充整个div。我的标记如下：

    <div class="segment container-fluid" style="margin-bottom: 10px;">
        <div class="row" style="padding-left:3em;">
            <div class="col-sm-12" style="">
                <div class="form-group">
                    <label class="control-label col-sm-12" for="notes" style="text-align:left; width:300px"> Notes (max 255 characters)</label>
                </div>
                <div class="form-group" style="width:800px;">
                    <textarea id="notes" name="notes" rows="6" value="" style="width:800px;" class="form-control col-sm-12"></textarea>
                </div>
            </div>
        </div>
    </div>

Answer 1

如果div的宽度大于textarea的最大宽度，那是不可能的。您可以根据div的宽度更改textarea的最大宽度。

Answer 2

烨。在width: 800px行刚刚设置max-width: none。

之后

示例：

<textarea id="notes" name="notes" rows="6" value="" style="width:800px; max-width: none;" class="form-control col-sm-12"></textarea>