用CSS去掉两个div中间的空白

html-css010

用CSS去掉两个div中间的空白,第1张

1.如果是将div编程了inline-block后,之间是有间隙的。这个没有办法修改的。

2.如果希望两个div紧邻着,可以使用浮动和定位。

下面是简单的例子,进攻参考:

浮动的方式:

<style>

div {width:100pxheight:100pxbackgorund:#cccfloat:left}

</style>

<body>

<div></div>

<div></div>

</body>定位的方式

<style>

div {width:100pxheight:100pxbackgorund:#cccposition:absolutetop:0

left:0}

.d2 {left:100px}

</style>

<body>

<div></div>

<div class="d2"></div>

</body>

首先纠正一点,top属性是相对决定定位而言的,你如果div没有设定absolute,top这边就是无效的

其次,你所谓的顶部是指从哪里到哪里?

是容器之间还是指容器到窗体之间?

除了margin和padding可能造成容器间隔以外,float浮动错位也会造成空白。

最好还是把你的代码和css贴出来,不然实在是不知道问题出哪里。