Question

css如何让一个隐藏的div不占据空间

使用jq的运动效果，向上卷起slideUp()的来显示和隐藏div，但是设置的div会占位置。想让div不占位置该如何做？
就是说通过按钮点击触发事件显示和隐藏div，不管显示还是隐藏，这个div还是占了位置，如何让div显示占位置，隐藏不占位置呢？

Answer 1

slideUp(),slideDown()这个动画的过程只是高度的改变，和宽度或者不透明度无关。收起来的时候本来就不占位置啊，你测试一下以下代码，收起来的时候下面的按钮移上去了，不是说明它不占位置吗
<style type="text/css">
#box{ width:100px; height:100px; background-color:red;}
</style>

<div id="box"></div>
<button onclick="_slideUp()">向上收缩</button>
<button onclick="_slideDown()">向下展开</button>
<script type="text/javascript">
function _slideUp(){
$('#box').slideUp(3000);
}
function _slideDown(){
$('#box').slideDown(3000);
}
</script>

Answer 2

占不占位置是和你的布局定位有关系的，绝对定位、浮动定位都可以脱离原本的文档流不占位置，相对定位则相反，不管你是否偏移，原先的位置依然会占据
可以看下你的布局，很有可能你就是相对定位

Answer 3

display:none;这个不占文档流
dispkay:block;显示

Answer 4

前两个都是隐藏一下 根本达不到楼主想要的效果
应该使用remove才能完全不占空间

Answer 5

div{display:none;}
$("button").click(function(){
$("div").slideToggle();
});
试试