当文档在Chrome中有<!DOCTYPE html>时，<textarea>的父级比<textarea>高
。
在HTML中，<!DOCTYPE html>是文档类型声明，用于告诉浏览器当前文档使用的是HTML5标准。而<textarea>是HTML中的一个标签，用于创建一个多行的文本输入框。
当<!DOCTYPE html>存在时，浏览器会按照HTML5标准解析文档。在HTML5中，<textarea>标签的父级元素的高度会根据其内容的高度自动调整。这意味着，<textarea>的父级元素会根据<textarea>的内容自动扩展或收缩高度，以适应文本的显示。
这种自动调整高度的特性在一些需要用户输入大段文本的场景中非常有用，比如评论框、留言框等。用户可以方便地输入多行文本，而不用担心文本框的高度不够显示全部内容。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（MPS）：https://cloud.tencent.com/product/mps
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
尝试将此HTML粘贴到文件中，然后在Chrome中打开它： <!DOCTYPE html> <head></head> <div> </div></<
浏览 12提问于2020-08-16得票数 0
回答已采纳
我在中检查了以下代码<html>
<meta charset="UTF-8"></head>
<textarea id="ta">
<p>Hel
浏览 1提问于2014-03-31得票数 1
回答已采纳
考虑下面的页面，它显示一行文本，并在其下面显示一个<textarea>。 box-sizing: border-box; height: 100%;}
background-colordisplay: flex; height: 100%;}
flex-grow: 1;
textarea</
浏览 2提问于2017-09-14得票数 4
回答已采纳
我想使用jwysiwyg，但我希望它应用于元素，而不是textarea。我不认为插件允许使用div。因此，在应用.jwywiwig()之前，我需要让div在单击时转换为文本区域。我想做一个进入到这个
<textarea style="width:300px;height:200px; backgrou
浏览 2提问于2012-01-03得票数 0
回答已采纳
DOCTYPE html> <head> <body> </div> </html>
C
浏览 2提问于2010-10-25得票数 16
回答已采纳
1回答
我得出的结论是，我需要使用百分比，在初始页面加载时，这可以很好地工作，但当尝试将文本区域调整得更宽时，它会在Chrome和Firefox中导致一些奇怪的行为。两种浏览器:列捕捉到更宽的大小，这会改变所有其他尚未调整大小的文本区域的宽度。
在Chrome中:文本区域不能再比你调整的第一个文本区域更小，并保持所有其他文本区域的趋势。
浏览 1提问于2017-08-15得票数 0
我有一个固定高度的div，包含一个子文本区域，也有一个固定的高度.</div>如果用具有相同内容和属性的div替换textarea元素，则不存在此问题。
我想知道为什么会这样。将溢出设置为隐藏将删除div的滚动条，但我的
浏览 4提问于2013-11-06得票数 1
回答已采纳
我的问题是，Firefox浏览器似乎在默认情况下增加了一行，所以当文本区域加载到firefox中时，框是两行高的。而在chrome中只有一个。即使我删除了dojoType，火狐的面积框也比Chrome高，所以这似乎是火狐的默认行为，而不是dojo的问题
<xp:view xmlns:xp="http://www.ibm.com&
浏览 0提问于2017-05-18得票数 0
我在使max-height: 100%在IE 10中工作时遇到了问题(IE 9也是如此)。我以动态的方式显示了一个图像。所以，我没有任何height: xxxpx，因为我不想让小图像被拉伸。下面是这个问题的一个小演示：
<!DOCTYPE html
浏览 0提问于2014-04-09得票数 3
回答已采纳
我有两个函数:一个函数在单击按钮时创建一个新的<textarea>，第二个函数在<textarea>被单击(或模糊、更改等)时执行一个操作。第二个函数根据类名选择元素。第二个函数似乎只在加载页面时存在的匹配元素上有效，但不会在任何新创建的<textarea>元素上激活。有人能想出原因和如何解决这个问题吗？你会发现下面的代码。谢谢。--杰克
$(&
浏览 0提问于2010-11-12得票数 0
回答已采纳
为此，我希望在滚动条出现之前找出spark textArea可以容纳的行数，并将这些行数馈送到文本区。
浏览 0提问于2011-06-07得票数 1
3回答
设置表中文本区域的高度
、、、
我已经将我的文本区域的高度设置为500%，但出于某种原因，它不会更改为500%。我想这和它在桌子里有关系，但我不知道怎样才能正确地设置高度。由于某些原因，可以在表中更改textarea的宽度。border: 1px solid black;textarea {width: 100%;}firstTD
</
浏览 8提问于2015-12-16得票数 1
回答已采纳
我需要你的帮助。出于某种原因，我的textarea似乎不想合作。我想要做的是，把它的高度扩大到100%的空间，在DIV中每一个红色箭头描述如下。但也许我做错了什么。也许一双新的眼睛会有很大帮助。下面是所讨论的HTML和CSS：
<style ty
浏览 0提问于2015-12-07得票数 3
回答已采纳
6回答
我正在使用的公认答案来构建一个文本区域，该文本区域在文本溢出时垂直展开：<html><title>autoresizing textarea</title>textarea {rows="1" style="hei
浏览 14提问于2013-08-15得票数 7
回答已采纳
9回答
我想设置文本区域的最大长度。我使用下面的代码来做同样的事情，但是它不起作用。<textarea name="txtDescription" cols=10 rows=3 maxlength=50></textarea>
但它不起作用，它需要超过50个字符。
浏览 0提问于2010-08-16得票数 9
回答已采纳
DOCTYPE html><title>Test</title> <p>hellohellohellohellohellohellohellohello必要时，将调整包含<div>的大小，使其同时包含段落和文本区域。Chrome中的行为(version 80)：当调整textarea
浏览 1提问于2020-02-13得票数 1
回答已采纳
我需要允许用户扫描他们的驾驶执照并从中获取信息，用\n和\r替换CR和LF字符。当Chrome看到它打开下载选项卡时，问题就来了。我已经尝试过e.preventDefault()；在被扫描到的textbox的按键事件上，但是这不起作用。
浏览 1提问于2016-06-28得票数 2
回答已采纳
我已经尝试了一段时间来让我的代码正常工作。我正在尝试让一个文本区域占据整个页面，除了几个不能调整大小的导航栏。这是我的HTML：<div id="topbar"></div><div id="sidebar"></div>
<textarea wrap="
浏览 7提问于2012-07-24得票数 2
我有一个div，应该是一个基于百分比的高度。它包含一个表，当窗口太短时，div应该有一个滚动条来查看表的内容。它在Chrome中看起来是正确的，但在IE和FF中，div的最小高度是它所包含的表的高度。这是一个jsfiddle：<div class="outerDiv">
浏览 1提问于2014-03-27得票数 0
textarea需要在手动调整大小(is具有样式调整大小:两者)和以编程方式调整大小时进行操作。它以编程的方式工作很好，但当用户手动调整大小时就不行了。textarea.resize( function(tn,newh,scroll){ });
我读到了一些关于JQuery中有一个bug的文章，通过在Chrome中
浏览 4提问于2015-02-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
