Html 控制块元素之间间距的更好方法？

是否有更好的方法来控制某些块元素之间的间距。。我基本上有一些

<div id="head1" class="global-box">
    <p>My Header Name</p>
    <select id="Select1">
         <option></option>
    </select>
</div>

我的标题名

问题是我的标题名和select html元素之间的空间比我想要的大。。。我试图删除

，但是它的in-line和select与标题在同一行

我可以使用

，但这只会创建一个块？

试试CSS中的

.global-box p {
    margin-bottom: 2px;
}

.global-box select {
    margin-top: 2px;
}

---

您可能只需要其中一个，但很难知道是哪一个。

如果您只想这样做

：

#head1 > p { margin-bottom: 0px; }

否则，如果要对所有
class=“global box”
元素执行此操作：

.global-box > p { margin-bottom: 0px; }

请注意，如果在选择之前这没有给您足够的空间，您可以增加边距底部量。
元素之间的可见空间通常为


填充物
边际

因此，如果您想要更少的空间，请将标题行更改为

<p style="margin: 0px; padding: 0px">My Header Name</p>

我的标题名

然后玩它。
首先使用全局重置样式表（请参阅或YUI重置）

这将删除所有浏览器中的所有边距分配，以确保一致性

然后在CSS样式中使用此选项：

div.global-box p.header { margin: 0 0 5px 0; }

其中5px是底部边距（右上-左下），因此您可以随意设置它。
css文件中的第一个选择器应为*{margin:0px；padding 0px；}此后，获得所需的精确布局变得更加容易，例如在其中一个元素上添加边距以定位它蓝光10秒前