怎么在css 让上下两个div紧贴一起,不留空格？

Posted 2023-05-02

这个功能用css完全可以做得到，通过设置两个div的margin就可以，如果离的远，就用margin为负值，总之实现起来是可以的。 参考技术A div是行级元素，如果不设置任何属性，直接两个div，肯定上下分行，并且有空格。为了避免有中间的空行，可以用定位呀。比如：
<div id="box1"></div>
<div id="box2"></div>
#box1
position:fixed;
width:10%;
height:10em;
background:red;

#box2
position:fixed;
width:10%;
height:10em;
background:blue;
left:10%;

这样两个div就是横着排列的，中间没有空格。
用其他方式定位也可以呀。 参考技术B 只要div的属性默认值display: block;没有被改变。那么两个div肯定是紧贴一起的。不可能留空格的。比如属性display被改成了inline-block、inline-table等。 参考技术C 分别给这两个div设置margin和padding为0试试，不行你再看看是不是这两个div之间还有其他的块级元素（但是被隐藏了，比如这元素被设置的是visible：hidden;）

拓展：

html网页中，几张图片中间有空白处，想让图片在一起，不留空白，谁知道怎么操作，急啊

参考技术A <table border="0" cellspacing="0" cellpadding="0">
<tr><td><img border=0></td><td><img border=0></td></tr>
</table>

边线、线距、衬距、图片边宽，各种边线都是0本回答被提问者采纳