gpt4 book ai didi

html - 如何给内部div相等的边距?

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

我们如何使内部 div 与外部 div 从所有四个边具有相等的边距?

这是我尝试过的:

<div class="outer">
<div class="inner">
A
</div>
</div>

我的风格:

div
{
overflow: hidden;
}

.outer{
height: 100px;
width: 100px;
background-color: gainsboro;
}

.inner{
background-color: wheat;
margin: 5px;
}

注意:我想用纯 CSS 实现这个 + 我不想做这样的事情:

.inner{
height: 90px;
}

.inner{
height: 90%;
}

最佳答案

给内部 div 顶部、底部、左侧和右侧。这将使它与外部之间的间距。

<!doctype html>
<html>
<head>
<title>
Bla!
</title>
<style type='text/css'>
div { overflow:hidden; }
div.outer {height:100px; width:100px; background-color:gainsboro; position:absolute}
div.outer >div {top:5px; left:5px; right:5px; bottom:5px; position:absolute; background-color: wheat;}
</style>
</head>
<body>
<div class='outer'>
<div></div>
</div>
</body>
</html>

关于html - 如何给内部div相等的边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20628497/

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