Question

我有两个相对位置的div 用户使用按钮填充第一个Div（innerHTML）我希望第二个Div在第一个Div Filled时向下移动

显示以下链接 Demo

Answer 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中遇到了嵌套错误。

Answer 2

很难理解你的问题，下次请写完整的句子。但我想我明白了你想要达到的目标。
你不能只保持开放的div，你必须关闭它们。在div之后只写</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>

高于Div填充时移动Div

2 个答案: