我们如何使内部 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/