HTML/CSS：为什么会填充扩大我的div

我有以下标记：HTML/CSS：为什么会填充扩大我的div

<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本身。这怎么能避免？谢谢！

来源

2011-04-01 clamp

的[盒模型（http://www.w3.org/TR/CSS21/box.html）指出，填充*将*添加到框的大小。 – BoltClock 2011-04-01 08:51:18

删除宽度&子div的高度。填充添加其容器的大小。

来源

2011-04-01 08:49:12

@clamp

添加对儿童的div填充这意味着它是增加高度&宽度

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

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

然后我需要调整高度至height & width is 100px

来源

2011-04-01 09:06:48 sandeep

HTML/CSS：为什么会填充扩大我的div

回答

相关问题