Html Textarea 100%用于引导3

我找到了一篇关于这个主题的帖子（）

它工作得很好，直到我需要开始修改它。整个页面将超过100%。下面是我使用的代码

<div class="container">
  <div class="row">
      <div class="col-md-12">
          <div class="page-header">
            <h3>Short Essay</h3>
          </div>
          <p>
            Submit a short essay no longer than 1000 words about "How I could realize my career aspiration @Company Abc?"
          </p>
          <hr>
          <form>
              <div class="form-group">
                <textarea class="form-control" rows="8"></textarea>
              </div>
          </form>
      </div>
  </div>
</div>

短文

提交一篇不超过1000字的短文，题目是“如何在Abc公司实现我的职业抱负？”

注意，窗体实际上超出了窗口框架？我附上了一张图片，以更好地说明

文本区域似乎是整个页面的100%，加上页眉和my

--编辑——渴望结果的屏幕截图

我希望做到的是以下几点

请给我一些建议

---

谢谢

这取决于你想要什么样的造型。我认为您可能需要为

元素指定

宽度/高度。

指定后，您应该能够将
的
宽度/高度设置为
100%
，从而填充所需的空间。
小提琴有什么问题？表单没有占用任何标题或p空间。嗨，丹，谢谢你的快速回复。我用屏幕截图更新了我的问题。请注意，在屏幕截图中，textarea的100%实际上使整个页面高于窗框的高度？（因此，您会看到滚动条）。那么您希望它是视口的100%吗？这意味着它需要在用户调整浏览器大小时更改大小。或者，您需要检测用户浏览器大小并相应地更改文本区域，因为每个用户的浏览器大小不同。你确定这就是你想做的吗？抱歉搞混了。也许我没有正确地表达我的问题，让我用欲望输出的屏幕截图更新问题。屏幕截图真的没有帮助，我认为你没有正确理解这个问题。你知道每个人都有不同大小的浏览器窗口吗？根据每个用户的屏幕和浏览器大小，您的“期望结果”看起来会有所不同（除非您检测到这一点并相应地调整显示，但对于一个不必要的功能来说，这似乎是一个很大的工作）。