Question

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

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

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

除此之外：天啊。我刚刚用分号完成一个句子;我编程太多了;

更新：已经有一个可以延伸100％的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属性可以得到你想要的结果

如果您要删除box-sizing，请参阅demo，您将了解其中的差异......

Answer 2

因为你在它们上设置了float: left，正如你所说的那样，你给它们宽度为24％。你经历的填充是4％的剩余。使最后一个浮动：向右或将边距/填充应用于所有框。

如果由于边界问题而设置了24％，我建议创建一个div，将您的内容包装在浮动块中。因此，您可以将当前块的宽度设置为25％，并相应地进行扩展。

Answer 3

<div id="slg4">

需要设置为float：right;

Answer 4

这应该可以解决问题：

<div style="width:27%;" class="slagline" id="slg4">

宽度为24％的4列DIV不会一直延伸到我的100％屏幕宽度div

4 个答案: