Question

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

这是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>

Answer 1

在#console和#menu上删除内联块并将它们都更改为float：left;

更新小提琴：http://jsfiddle.net/ohk6ho8a/1/

float:left;

而不是

display:inline-block;

Jquery打印出一个字符串重新组织网站

1 个答案: