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静态的如果你先学会实现,再来动态的就知道怎么办了。 jQuery中的toggle()问题 JavaScript如何遍历下标不规则(为字母)的数组 急!!!高手解答 急,根据数据库动态生成表格问题!!在线等!! 大虾们帮忙啊!!! JavaScript 图片切割效果 一个很具挑战性的javascript编码问题? 我为什么得不到,this.text 的值 我是新手,有一个问题想请教一下. 有关radio控制文本框显示的一个问题 关闭弹出窗口的JavaScript事件冒泡捕获问题 非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静态的如果你先学会实现,再来动态的就知道怎么办了。