gpt4 book ai didi

html - Div 在另一个带有一些填充的 div 中

转载 作者:太空宇宙 更新时间:2023-11-04 12:54:37 25 4
gpt4 key购买 nike

我打算将一个 div 放在另一个带有 padding 的 div 中。但我遇到了一些问题,最高职位保持不变。我该如何解决这个问题

<style type="text/css">
#outdiv
{
margin: 20px auto 20px auto;
width: 1100px;
height: 630px;
max-height: 100%;
background: #1C4675;
font-size: 14px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position:relative;
}

#outdiv_inner
{
margin: 10px 5px 10px 5px;
width: 1090px;
height: 620px;

background: #E8E8E8;
font-size: 14px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

</style>
<html>
<div id="outdiv">
<div id="outdiv_inner"></div>
</div>
</html>

最佳答案

如果你想让蓝色的 div 出现在灰色的 div 后面,我相信你真的混淆了 paddingmargin。设置一个填充,在 #outdiv 上使用相同的值:

#outdiv
{
margin: 20px auto 20px auto;
padding: 10px 5px 10px 5px;
width: 1100px;
height: 630px;
max-height: 100%;
background: #1C4675;
font-size: 14px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position:relative;
}

#outdiv_inner
{
width: 1090px;
height: 620px;
background: #E8E8E8;
font-size: 14px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

</style>
<html>
<div id="outdiv">
<div id="outdiv_inner"></div>
</div>
</html>

当然,如果是这种情况,您可以简单地在内部 div 上使用蓝色“边框”:

#outdiv
{
margin: 20px auto 20px auto;
padding: 10px 5px 10px 5px;
width: 1100px;
height: 630px;
max-height: 100%;
background: #1C4675;
font-size: 14px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position:relative;
}

#outdiv_inner
{
width: 1090px;
height: 620px;
background: #E8E8E8;
font-size: 14px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border-top: 10px solid #1C4675;
border-bottom: 10px solid #1C4675;
border-left: 5px solid #1C4675;
border-right: 5px solid #1C4675;
}
<div id="outdiv_inner"></div>

关于html - Div 在另一个带有一些填充的 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25937378/

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