0

我有 2 个具有相对位置用户的 div 按钮填充第一个 Div(innerHTML) 我希望第二个 Div 在第一个 Div 填充时向下移动

显示下面的链接 演示

4

2 回答 2

1

像这样？jsFiddle

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <input type='button' value='Add' onclick='AddEl()' />
    <div style='position:relative;background-color:Red'>
    01
    <div id='Content' style='position:relative;background-color:Green'>
    </div>
    </div>
    <div style='position:relative;background-color:Blue'>
    Hagh
    <div>
<script>
function AddEl()
{
document.getElementById('Content').innerHTML='Ya';
}
</script>

</body>
</html>
​

您在<div>s 中的嵌套错误。

于 2012-09-10T11:32:44.717 回答
0

真的很难理解你的问题，下次请写完整的句子。但我想我理解你想要达到的目标。
你不能只保持打开的 div，你必须关闭它们。在 div 之后只写</div>.
如果你在一个 div 中打开一个 div，至少有一些样式或其他内容，在内部 div 旁边，在父 div 内部。
修复这些，它会为你工作。

这是固定代码：

<!DOCTYPE html>
<html>
<head>
</head>

<body>
<input type='button' value='Add' onclick='AddEl()' />
<div style='position:relative;background-color:Red'>
01
</div>
<div id='Content' style='position:relative;background-color:Green'>
</div>
<div style='position:relative;background-color:Blue'>
Hagh
</div>
</body>
<script>
function AddEl()
{
document.getElementById('Content').innerHTML='Ya';
}
</script>
</html>
于 2012-09-10T11:41:51.600 回答