Question

我有以下标记：

<div
style="position:absolute;width:100px;height:100px;background-color:#ccc">     
    <div style="position:absolute;width:100%;height:100%;background-color:#fcc;padding:50px;">

                TEST

    </div>
</div>

据我所知，内部div中的填充应仅移动文本的位置而不是放大div本身。怎么能避免这个？谢谢！

Answer 1

删除宽度＆amp;儿童div的高度。填充增加了容器的大小。

Answer 2

@clamp

你在儿童div上添加了填充，这意味着它增加了高度＆amp;宽度

示例：width=100% +50px +50px ,height=100% +50px +50px

所以，如果你想给填充，那么调整宽度＆amp;根据它的高度像例子：我的div height & width is 200px。然后，如果我给 padding:50px;

然后我必须将高度调整为height & width is 100px

html / css：为什么填充扩大了我的div

2 个答案: