1、首先新建一个html文件，命名为test.html。
2、在test.html文件内，使用p标签创建两行文字，代码如下。
3、在test.html文件内，设置第一个p标签id属性为mp，主要用于下面使用css设置该p元素隐藏。
4、在test.html文件内，编写标签<style type="text/css"></style>，下面将在标签内编写css样式。
5、在css标签内，使用css设置p标签的行高为30px，在浏览器运行test.html。
6、在css标签内，对id为mp的p元素样式进行单独定义，通过dispay属性设置为none，实现该p元素隐藏不可见。
7、最后在浏览器打开test.html文件，查看实现的效果。
可以的,给你举个例子吧.试试看<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8" />
<title></title>
</head>
<body>
<style type="text/css">
.content{width:500pxmargin:0 autoheight:autoborder:1px solid #333background:#999}
</style>
<div class="content">我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!</div>
</body>
</html>
写项目过程中，可能会遇到需要内容自动撑开输入框，如例图所示，以vue项目为例，具体的实现过程就如下所示1、首先放控件即textarea，css样式写好，然后给textarea绑定一个值，同时添加输入方法
<textarea class="color-six" name="" id="textArea" placeholder="请输入数据key" v-model="deliveryLocation" @input="inputInfo($event)"></textarea>
2、我们都知道，textarea是可以自动撑开的，而且要想动态撑开输入框，即height = scrollHeight即可
所以，需要动态的检测textarea的输入内容,然后获取scrollHeight，赋值给height
watch: {
deliveryLocation(){
this.getHight ()
}
}
/**
