gpt4 book ai didi

html - div 顶部和底部负 20 像素

转载 作者:太空狗 更新时间:2023-10-29 15:32:01 24 4
gpt4 key购买 nike

作为一个简单的例子,我有这 2 个非常简单的 div:

enter image description here

(绿色的在红色的里面)

现在如何从绿色 div 的底部和顶部减去 20 像素?

html:

<div id="container">
<div id="rows">
</div>
</div>

CSS:

#container {
width: 200px;
height: 300px;
background: red;
}

#rows {
width: 50%;
height: 100%;
/* margin-top: 20px;
margin-bottom: 20px; */

/* padding-top: 20px;
padding-bottom: 20px; */

/* top: 20px;
bottom: 20px;
height: auto; */

background: green;

}

http://jsfiddle.net/clankill3r/2L6c2bLf/1/

最佳答案

向#container 添加填充

padding: 20px 0px;

编辑:

按照@Adam 的建议,您还应该包含

box-sizing: border-box;

如果你想保留框的高度,到样式表

关于html - div 顶部和底部负 20 像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30868866/

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