您好我正在检索,编辑和存储系统并使用TinyMCE 3作为编辑器。 我的问题是水平滚动条将自己置于textarea的正下方,实际上滚动了放置textarea的整个html5文章。 textarea被放置在容器div中以使其居中并且工作正常。但是,我无法弄清楚为什么水平滚动条会起作用。我原本以为它会立刻放在textarea下面 - 有没有人可以给我一个正确的方向?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>QA-tech Portal</title>
<link rel="stylesheet" type="text/css" href="css/all.css" media="screen" />
<script type="text/javascript" src="../js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
//Full featured example from www.tinymce.com/tryit/3_x/full.php
// copy and pasted from abowe URI
</script>
</head>
<body>
<div class="wrap700">
<header>
<div class="top698">
<div class="header-l">
</div>
<div class="header-c">
<br><br>
<a href = "documents/Kom_godt_i_HSE.pdf" target = "_blank">
HSE System </a>
</div>
<div class = "header-r">
<br><br><br><br><br>
<a href="print_page.php"><img src="../images/print_t_ikon.png" alt="Udskriv" title="Udskriv" width="30" height="30"></a>
</div>
</div>
</header>
<div id="maina">
<article>
<br><br>
<p>Afsnit: 3 Arbejdets organisering og dokumentation
<br><br>
Dokument: 3.2 Organisation og kommunikation
<br><br>Udgave: 2 Dato:
2014-02-16 Skrevet af: cgi <br><br></p>
<form method = "post" action ="page_append.php">
<div class="textarea_cont">
<textarea name="new_doc_contents" style="width:90%; height:400">
...here goes text from data base displayed in tinymce......
</textarea>
// here I would like the horizontal scroll bar to be
</div>
<br>
<br>
<p>Redigeret af: <input type="text" style="width:30px" name="author"> <input type="submit" value="Gem dokument efter
rettelse" class="sbut-green">
</p>
// here is horizontal scroll bar placed......
</form>
<br>
<br>
</article>
</div> <!-- main -->
<div class="clear">
</div>
<footer>
//... footer text
</footer>
</div> <!-- wrap -->
</body>
</html>
页脚未滚动,因为它未包含在文章标记中。