首先，这是我的标记，它基本上是一个带有重复背景图片的容器，然后是其中的另一个div容器，里面也包含一个“p”元素。
<div class="background">
<div class="transbox">
<p>This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.</p>
</div>
</div>
这是我的CSS。
div.background {width:500px; height:250px; background: url(logo.jpg) repeat; border:1px solid black;}
div.transbox {margin:40px 50px; border:1px solid black; width:400px; height:180px; background-color:white; opacity:0.6; filter: alpha(opacity=60);}
div.transbox p {margin: 30px 40px; font-weight:bold; color:black;}
现在这里我感到困惑，如果我没有在“背景”div中放置“border”属性，布局搞砸了，“transbox”div的边缘也会影响“background”div有了它，因此使“transbox”div不能完美地居中并最终破坏布局。
但是当我添加“边框”属性时，一切似乎都落到了位置，布局变得完美，我不明白。
我在这里遗漏了什么吗？有某种规则会对布局产生微妙的影响吗？