加浮动后,div就会叠加显示在一个位置
因为浮动后就脱离了文档流
浮动框旁边的行框被缩短,从而给浮动框留出空间,行框围绕浮动框。
slideUp(),slideDown()这个动画的过程只是高度的改变,和宽度或者不透明度无关。收起来的时候本来就不占位置啊,你测试一下以下代码,收起来的时候下面的按钮移上去了,不是说明它不占位置吗<style type="text/css">
#box{ width:100pxheight:100pxbackground-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>