Jquery append不让高度自动调整？

我发现append一个div后下面的元素自动会空出来这个div的高度让这个div显示，导致下面的元素往下移.
而且display:none也不行当block时还是会空出来这个div的高度出来
当append如何不让浏览器自动调整添加的div高度？

用绝对定位试一下，position:absolute;
然后定位他的宽度和高度；<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
  <script type="text/javascript">
$(function(){
$("#add").click(function(){
var newDiv=$("<div>BBBBBBBBBBBBBBBBBBBB<br>CCCCCCCCCCCCCCCCCCcc</div>");
newDiv.css({"position":"absolute",height:"10",width:"50"});
$("#one").before(newDiv);
})
})
  </script>
  <style type="text/css">
#one {
width:200;
height:100;
background:blue;
}
  </style>
</HEAD> <BODY>
  <h1>AAAAAAAAAAAAAAAA</h1>
  <div id="one">
车票真难买啊！
<input type="text"/>
  </div>
  <input id="add" type="button" value="ADD"/>
</BODY>
</HTML>
看下对你有帮助没有？
绝对定位蛮好的
另外
你给append的父元素加上overflow:hidden试试
不想下面的元素往下移，那你这个DIV应该是想做成浮动的，这个怎么不说清呢？问题说得太含糊了。
看看这个，如何提问 http://community.csdn.net/IndexPage/SmartQuestion.aspx静态的如果你先学会实现，再来动态的就知道怎么办了。