css - 为什么我的盒子尺寸变了？

Question

我在一个 div 中有一个 div。外部 div 的工作是定位框，而内部 div 的工作是定位文本。这些 div 在一个更大的 div 中，但我认为这不是问题所在。当我尝试在外部 div 上填充时，或者换句话说移动框时，填充应用于内部 div，因此框在那个方向上变大了。左上角总是粘在它里面的另一个 div 上。我该怎么做才能将填充应用到框的外部而不是内部？

格式如下:

<div style="width:100px;
            height:50px;
            padding-left:10px;
            padding-top:10px;
            border: 3px solid #D8BFD8;
            align:center;">
   <div style="font-size:x-large;
               padding-left:40px;
               padding-top:0px;
               font-family:'Arial';
               color:black;">
     Profile
   </div>
 </div>

Answer 1

不太确定，但是通过移动外框，你确定你没有把 padding 和 margin 搞错吗？填充应用于 div 的内部。

我刚刚改变了

padding-left:10px;
padding-top:10px;

到 左边距:10px； 边距顶部:10px;

并增加它以使其更明显。还移动了内联 css 以使其更清晰。

http://jsfiddle.net/H334r/3/