div容器内div的CSS水平对齐方式？

Question

遇到问题，WP 3.0.4 不显示我的 css 样式，用于容器 div 内的 4 个框 (div) 的水平对齐。注意:在我手写的 html/php 网站上，相同的 css 样式适用于 HTML 4.01 Transitional//EN。但是 WP 3.0.4 显示的是四个盒子，一个接一个地往下走，就像一个楼梯。

顺便说一句，我使用的是 FireFox 3.6.13。

CSS:

 div .box-container { display: inline;
 margin: 0.63em 0pt; padding: 10px;
 width: 640px; background-color:
 rgb(229, 231, 225); position:
 relative; float: left; overflow:
 hidden; }

 div .small-box { border: 1px solid
 rgb(153, 51, 102); margin: 10px 5px;
 padding: 0.325em; float: left;
 background-color: rgb(255, 244, 227);
 width: 128px; line-height: 0.85em;
 max-height: 8em; min-height: 8em;
 position: relative; }

HTML 是这样的:

 <div class="box-container">
 <div class="small-box">SOME TEXT
 & IMAGE</div> <div
 class="small-box">SOME TEXT &
 IMAGE</div> <div
 class="small-box">SOME TEXT &
 IMAGE</div> <div
 class="small-box">SOME TEXT &
 IMAGE</div>

 </div>

盒子容器的 div 宽度指定为 640 像素，但我注意到填充超出了这个宽度。无论如何，它足以容纳四个小盒子，总计 512px 加上它们的总 40px 边距，加上 box-container div 上的 20px padding。

我不明白为什么填充会增加 box-container div 的大小。但是当我尝试使用 max-width: 640px 时，我发现盒子都是垂直排列的，盒子容器 div 的宽度不超过 170px。

小盒子div其实都是一样大的，内容都是文字&图片。

帮助？

Answer 1

我会尝试的一些事情: * 显示:容器中的 block * !important 在所有礼仪 * 字体大小声明(你使用的是 16px 字体大小吗？在你的主题中有另一个值？) * 显示:小方 block 中的 block

[]的