更改 CSS 中 div 标签之间的空间答案

【问题标题】：Change space between div tags in CSS更改 CSS 中 div 标签之间的空间
【发布时间】：2012-06-29 11:02:29
【问题描述】：

我有一个网站，我想在其中更改某些元素之间的间距。我对 CSS 了解不多。我是它的新手。您可以在此处查看该网站。这现在是一个临时域名：timepasssite.hostoi.com。

谁能指导我如何做到这一点？

这里是 Common.css 和 Style.css 文件..

图片：

我无法在此处粘贴文件...我不知道如何...请为我下载文件并提供解决方案！

【问题讨论】：

【解决方案1】：

一般来说，你必须使用margin，padding或者在绝对定位的情况下，left, top等等......

为了减少您的徽标和主菜单之间的空间，您必须减少（或删除）位于common.css 上的div#logo css 属性中的padding-bottom，如下所示：

div#logo {
    padding: 15px 0 0 0;
    text-align: center;
}

对于您的搜索栏，css 包含在父 div 内，内联样式。您必须覆盖您的 css 文件中的 top 属性，并为其赋予值 -50。

现在您有了大致的想法，我认为您可以管理其他问题了。

我强烈建议您使用 Firebug（Firefox / Chrome 的扩展）。

请随意询问精度。

【讨论】：

【解决方案2】：

我看到了你的 CSS。在padding: 7px 10px 10px; 在菜单和徽标之间留出空间，你也提到了高度。减少 padding 和 margin-top 属性。

最好发布您的代码

【讨论】：

【解决方案3】：

在 common.css 中进行此更改以删除徽标的底部间距 -

div#logo {
    padding: 15px 0 0 0;
    text-align: center;
}

【讨论】：

【解决方案4】：

我认为您可以使用margin-top 或bottom 属性

或padding

【讨论】：

【解决方案5】：

在 common.css 中，找到这个：

div#logo
{
    /*width: 185px;
    height: 75px;
    float: left;*/
    text-align: center;
    padding:15px 0px;
}

当为padding 属性提供两个值时，它们指定顶部/底部和左侧/右侧值。因此，目前在徽标的顶部和底部都应用了 15px 的填充。（见http://www.w3schools.com/cssref/pr_padding.asp。）

将padding:15px 0px; 行更改为padding: 15px 0px 0px 0px; - 这会将除顶部之外的所有内边距设置为 0，即保持在 15 像素。

您应该能够为您的其他查询找到类似的解决方案：在 HTML 中查找容器 ID，然后找到该 ID 的 CSS。例如，如果精选列表在 <div id="featured"> 中，则在 CSS 中查找 div#featured，并在那里编辑填充属性。

【讨论】：