javascript - 当上面的 Div 已填充时移动 Div

标签 javascript html css

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

显示以下链接 Demo

最佳答案

像这样? 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> 中嵌套错误

关于javascript - 当上面的 Div 已填充时移动 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12350648/

相关文章:

javascript - NodeJS 聊天服务器示例代码

javascript - 正则表达式替换撇号

javascript - 如何获取表 <tr> 的唯一行并使用 jquery 对它们进行计数

Python html 解析

html - 在模态中并排对齐

javascript - 无法删除 react 数据表组件中的白色标题

javascript - HTML 实体到 Unicode 转义序列

HTML 特殊字符 ▼

javascript - 如果我没有分页会发生什么?只是继续循环发布...为什么需要分页,用于页脚?

html - 在 html/css 中水平和垂直居中对齐文本