0

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

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

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

旁白：哦，我的上帝。我刚刚用分号完成了一个句子；我编程太多了；

更新：已经有一个 div 容器可以伸展 100%。这就是灰色地带。不……这是一个比我们想象的要糟糕得多的邪恶。也许这与修复“差异”div有关？

4

4 回答 4

2

您可以将该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你就会知道区别......

于 2012-11-19T05:34:17.527 回答
1

因为你设置float: left了它们，正如你所说，你给了它们 24% 的宽度。您体验到的填充是剩余的 4%。使最后一个浮动：右或对所有框应用边距/填充。

如果由于边框问题而设置为 24%，我建议创建例如一个 div，将您的内容包装在浮动块中。因此，您可以将当前块的宽度设置为 25%，然后它们会相应地扩展。

于 2012-11-19T05:08:16.860 回答
0 
<div id="slg4">

需要设置为float:right;

于 2012-11-19T05:10:45.570 回答
0

这应该可以解决问题：

<div style="width:27%;" class="slagline" id="slg4">
于 2012-11-19T05:15:32.097 回答