jquery - 带边框的连续四个 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+ */