是这样的：
在我点击了一个div.a 称为A ：
$html.insertBefore($('A'))
然后html 正常插入，但是A并没有挤下去，而是与html重叠了
我并没有绝对定位任何div 不清楚你的结构，但是我这测试没问题。。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>insertBefore demo</title>
<style>
#foo {
background: yellow;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div id="foo">FOO!</div>
<script>
$('#foo').click(function() {
$('<p>I would like to say:</p>').insertBefore($(this))
})
</script>
</body>
</html>
不贴代码你让别人怎么回答?
父级限制高度了吧
设置DOM都为左浮动 float:left