转自：携程设计委员会 http://ued.ctrip.com/blog/h5-time-multiple-line-text-box.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style type="text/css" media="screen"> .comment{ position:fixed; bottom:0; left:5px; right:5px; padding:5px; box-sizing:border-box; } .comment > div{ min-height:20px; max-height:100px; overflow-y:auto; line-height:20px; width:100%; padding:5px; box-sizing:border-box; border:1px solid #999; border-radius:3px; } </style> </head> <body> <div class="comment"> <div contenteditable="true"> </div> </div> </body> </html>