两个div之间有空隙

Posted 2023-05-02

如图.左边是我设计时DR8里显示的内容.但是F12预览后两个DIV之间有了一段空隙.请问如何去掉.
代码:
div class="fastnew" id="fastnew" style="height:232px">
<div id="fastnewtop" class="fastnewtop" style="height:25px">
<table height="25" border="0">
<tr>
<td width="98"><h5> 最新资讯</h5></td>
</tr>
</table>
</div>
<div>
<ul class="list">
<li>内容发布测试</li>
<li>内容发布测试</li>
<li>内容发布测试</li>
<li>内容发布测试</li>
<li>内容发布测试</li>
<li>内容发布测试</li>
<li>内容发布测试</li>
<li>内容发布测试</li>
<li>内容发布测试</li>
<li>内容发布测试</li>
<li>内容发布测试</li>

</ul>
</div>
</div>
CSS样式:
.fastnew
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border: thin solid #77B3D5;
font-family: "宋体";
font-size: 14px;
font-weight: lighter;

.fastnewtop
background-image: url(images/gtop.gif);
background-repeat: repeat-x;
height: 25px;

按一楼做法无效..另外我在
fastnewtop中也加了
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
也没有作用...
人在线等...

参考技术A 如果是单纯的2个div之间有空隙，跟里面的内容是无关的，关键是div的样式设置。
你这两个div包含在一个大容器<div class="fastnew">内，如果要横着排，
方法一：
可以设置容器fastnew的宽度，大小合适了，两个div自然会挤到一起去，没有空隙。
方法二：第一个div 即class=fastnewtop的针对空隙的样式应为：
.fastnewtop

float：left；//让它们漂移到一起去
margin-right:0;

而另一个div，我先给它设置class="name"样式
.name

float:left;
margin-left:0;//如果还有空隙，可把值设置为负值，如-10px或更大的数值；
也可以设置你需要的空隙大小，如10px;


如果要显示竖排,可以吧.name的margin-top设置为负值 参考技术B 把

<table height="25" border="0" >
<tr>
<td width="98"><h5> 最新资讯</h5></td>
</tr>
</table>

改成

<table height="25" border="0" cellspacing="0">
<tr>
<td width="98"><h5> 最新资讯</h5></td>
</tr>
</table> 参考技术C 加句* margin:0; padding:0;本回答被提问者采纳

qt 布局管理按钮控件间有空隙？

定义了几个按钮控件，想要按钮间没有空隙，我使用setspaces(0)来设置它们之间的间隔。

结果控件间还是有空隙，如图

我对控件所在的widget的背景进行设置，（会把style传到子控件）发现结果如图

对按钮控件的背景进行设置，结果如图

所以把按钮控件的背景重新设置一下就ok了。