css - 24% 宽度的 4 列 DIV 不会一直延伸到我的 100% 屏幕宽度 div

Question

谁能告诉我为什么右下角的“安全专家”不会一直延伸到屏幕的右侧？我正在使用 Eric Meyer 的重置。我不知道为什么那里有填充物。

http://hemakessites.com/mayukh/22/

编辑:你们看到右下角的巨大空间 block ，对吧？这不是 3% 的条子。我将尝试将它们包装在一个 div 中，因为现在如果我将它们全部设置为 25%，其中一个会落到下一行。

旁白:天哪。我刚刚用分号结束了一个句子；我编程太多了；

更新:已经有一个 100% 拉伸(stretch)的 div 容器。这就是灰色地带。不……这是一种远比我们想象的还要恶劣的邪恶。也许这与“差异”div 被修复有关？

Answer 1

您可以使用 box-sizing 属性作为您的解决方案，我希望这对您有用

请用我的 css 更新你的 css

.slagline {
    -moz-box-sizing: border-box;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-color: #FFFFFF #666666 #CCCCCC #CCCCCC;
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 100%;
    width: 25%;
}

实际上最主要的是你已经定义了 border-width:1px; 所以它增加了你所有四列的宽度所以通过 box-sizing 属性你可以得到你想要的结果

参见 demo如果你将删除 box-sizing 你就会知道其中的区别......