gpt4 book ai didi

html - div之间的间距

转载 作者:搜寻专家 更新时间:2023-10-31 08:05:01 24 4
gpt4 key购买 nike

我的问题是这样的:

div spacings

如您所见,有 3 个图像 (div),我不想删除每个 div 之间的黑色间距。

最重要的是,当我在我的 CSS 中放置以下内容时:

* {
padding: 0;
margin: 0;
}

然后它看起来不错:

Working example

问题是我不能为我的整个 html 使用 padding: 0margin: 0,因为其他属性将被破坏...

我尝试在每个 div(图像)上添加:padding:0margin:0,但它不起作用。

HTML 来源:

<div id="sidebar-left" class="sidebar" role="complementary">
<div class="sb-ui sb-title"><h3>Account</h3></div>
<div class="sb-con">
<ul>
<li><a href="index.php?subtopic=accountmanagement">My Account</a></li>
<li><a href="index.php?subtopic=accountmanagement&action=logout">Logout</a></li>
</ul>
</div>
<div class="sb-ui sb-end"></div>
</div>

我的 CSS:

#sidebar-left {
margin-right: 9px;
}

.sidebar {
width: 170px;
position: relative;
bottom: 7px;
}

.sidebar, #content {
float: left;
}

.sb-title {
height: 60px;
text-align: center;
}

.sb-ui {
background: url("../images/ui/sidebar_ui.png");
}

.sb-con {
background: url("../images/ui/sidebar_bgrepeat.jpg") repeat-y;
}

.sb-end {
height: 23px;
background-position: bottom center;
margin-bottom: 10px;
}

.sb-ui {
background: url("../images/ui/sidebar_ui.png");
}

我们将不胜感激所有的帮助尝试。

最佳答案

这可能是 ul 上的边距导致的。

.sb-con ul { padding:0; margin:0; }

可能会产生预期的效果。 li 也可能影响布局;但我们无法从您提供的代码中得知。

您的“全部捕获”重置删除了默认边距/填充;这就是为什么它看起来不错。

编辑 - 您的 .sb-title h3 可能还需要移除底部边距,因为看起来您使用的是固定高度 (60px),但默认边距会增加额外的高度。

这很容易用 firebug 调试或 Chrome 的网络检查器,带有间距来源的视觉指示。

关于html - div之间的间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8062997/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com