javascript - Jquery 打印出一个字符串重组网站

我在谷歌上搜索过，但没有找到答案。

这是 jsfiddle，所以你可以自己看看:http://jsfiddle.net/ohk6ho8a/

当您在行中键入文本并提交 1 个 div 移动到另一个下时。知道如何解决这个问题吗？

HTML 文件:- jsFiddle 中的其他文件(在这里复制粘贴代码很痛苦)

<!DOCTYPE html>
<html>
<head>
<title>Text Game</title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="gameScript.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

</head>
<body>
    <p id="help" style="display:none;">This is help</p>
<div id="divWrapper">
<div id="console">
<div id="placeholder"></div>
</div>
<div id="menu">

<div id="placeholder2"></div>
</div>
</div>

<form onsubmit="return false;" autocomplete="off">
    <center><input type="text" id="command_line" autofocus="autofocus" size="50"></input><center>
    <center><input type="submit" id="submit" size="50" ></input><center>
</form>

</body>
</html>

最佳答案

在你的#console 和#menu 上删除 inline-block 并将它们都更改为 float:left;

更新的 fiddle :http://jsfiddle.net/ohk6ho8a/1/