css中怎么让div居左无缝隙

html-css012

css中怎么让div居左无缝隙,第1张

div默认是居左靠上的,你说的缝隙应该是由于body的默认CSS属性没有被清除造成的,你可以在CSS里写上 body {margin:0padding:0} ,这样处于body里的div就靠左无缝隙了。

以两个div为例, 正常是俩都显示出来,占据2空间,

加浮动后,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>