Question

我有以下代码：

<html>
    <body style="background-color:#800000;">
        <div style="background-color:#000;margin:0 auto;height:800px;width:800px;">
            <textarea style="background-color:#666666;"></textarea>
        </div>
    </body>
</html>

如您所见，它有深红色背景，黑色div和灰色textarea元素。当我调整textarea的大小时，会发生以下情况：https://i.imgur.com/sfwTtd5.gifv。即使textarea明显位于div（它的父级）内，它仍然会离开它。我怎样才能使textarea的宽度或高度不能超过其父级？

Answer 1

设置max-width和max-height。

<html>
    <body style="background-color:#800000;">
        <div style="background-color:#000;margin:0 auto;height:300px;width:300px;">
            <textarea style="background-color:#666666;max-width:100%;max-height:100%;"></textarea>
        </div>
    </body>
</html>

停止textarea元素离开其父级？

1 个答案: