gpt4 book ai didi

html - 将 CSS 内边距设置为负数

转载 作者:太空宇宙 更新时间:2023-11-04 04:48:05 26 4
gpt4 key购买 nike

考虑以下 HTML。我有一个 .wrap div,它的左右填充为 50px。在那个 div 里面我有另一个 div .full。我想通过克服 .wrap 的填充来增加其默认宽度。

我将其填充设置为 -50px,以便其宽度等于 .wrap 的宽度,但它不起作用。

HTML:

<div class="wrap">
<div class="inner">
<div class="normal">xx</div>
<div class="full">should be same width (300px) as wrap</div>
</div>
</div>

CSS:

.wrap{
height: 500px;
width: 300px;
margin: 0 auto;
padding: 0 50px;
background: yellow;
}

.full{
background: orange;
padding: 0 -50px;
}

演示: http://jsfiddle.net/WDS6X/

最佳答案

在这种情况下,您需要使用边距,填充用于内部空间。使用

margin: 0 -50px;

而不是 .full-div 中的填充像你想要的那样工作,这里是 JSFiddlenienn 提供在评论中。

要进一步了解,请查看 this SO thread包含一个很好的解释。

关于html - 将 CSS 内边距设置为负数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14046358/

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