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

回答

相關問題