css HTML节，右侧和底部无空格

mzmfm0qo 于 2022-12-05 发布在其他

关注(0)|答案(1)|浏览(127)

我目前正在做我自己的管理面板在html，css和js和我基本上有一个主要部分的内容将交换的基础上选择在一个侧边栏。
现在我想使用以下代码将此部分居中并使其每边都有10px的空间：
于飞：

<section id="home">
    <div class="h1">Welcome to Cashlyte</div>
    <div class="h2">The future of link advertising</div>
</section>

CSS：

margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;

但是由于某种原因，它的底部和右侧没有任何空间。以下是codepen上的完整代码：https://codepen.io/lewopumo-biz-art-biz/pen/RwJqebB

1条答案

这是因为你的元素使用的是忽略边距的绝对定位。你能做的就是像这样给div添加一个空格：

#home:after {
    content: '';
    position: absolute;
    bottom: -40px;
    height: 40px;
    width: 1px;
}