四个div（25％）连续有边框

Question

我正在尝试制作一个包含4个元素的线条，每个元素的宽度为25％。所以我做了，但是当试图用边框放置一个项目时，一切都出错了，我无法使它工作。

这个想法就像图片一样，位于每个盒子的顶部，其余的是带有其他文本的文本。

第二张图片显示默认浏览中的布局。

http://jsfiddle.net/mtsys/wwvhL/2/

.box.container
{
  height : 310px; 
  width : 25%;
  float: left;    
}

.box.interno
{
  background-color: #babaca;  
  padding: 25px;
  width:auto;
  height:auto;
}

.box.item
{
  height: 100%;
  width: 100%;
  border:thin solid black;

}

Answer 1

也许这可能会有所帮助：

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */