Jquery append不让高度自动调整? 我发现append一个div后 下面的元素自动会空出来这个div的高度 让这个div显示,导致下面的元素往下移.而且display:none也不行 当block时还是会空出来这个div的高度出来当append如何不让浏览器自动调整添加的div高度? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 用绝对定位试一下,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静态的如果你先学会实现,再来动态的就知道怎么办了。 用快捷键ctrl+enter实现换行 请问一个静态写法的问题 已知对象,如何求ID removeChild移除表单的问题 prototype.js+XML+XSLT+c# 很好很强大,Dojo,ext很大很垃圾,欢迎加入Web技术群:50693277 晕,再问~~正则表达式怎么匹配中文 xuStanly(黑金) 进来接分! 求可以多个漂浮广告同时在一个页面漂浮移动的代码? 求助:關於file框的問題! 两种写法那种执行效率高些?说明很详细 非IE浏览器如何实现复制图片对象 Extjs的一些问题
然后定位他的宽度和高度;<!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试试
看看这个,如何提问 http://community.csdn.net/IndexPage/SmartQuestion.aspx静态的如果你先学会实现,再来动态的就知道怎么办了。