gpt4 book ai didi

html - 为什么边界在 parent 之外?

转载 作者:行者123 更新时间:2023-11-28 13:28:25 27 4
gpt4 key购买 nike

这是我的测试用例:

http://codepen.io/jgclifton/pen/hKynd

我希望 .outer 上的边框成为 .inner 内的容器

最终我想要达到的效果是浅灰色框比深灰色框顶部和底部薄10px(所以浅灰色框在深灰色中间)。

最佳答案

我们只需要稍微“玩”一下边距:

CSS 更改:

.outer {
width: 100%;
height: 80px;
background-color: #CCCCCC;
border-top: 10px solid white;
margin-top: 10px;
}

.inner {
width: 960px;
height: 100px;
background-color: #999999;
margin: -10px auto 0;
}

我们将 .outer div 从顶部设置为 10px 然后将 .inner div 从顶部设置为 -10px顶端。当然,如果我们改变 .inner/.outer 元素的大小,我们也必须改变它们的边距值。

关于html - 为什么边界在 parent 之外?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13866740/

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