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

有人可以告诉我为什么右下角的“安全专家”不会一直延伸到右侧屏幕？我正在使用Eric Meyer的重置。我不知道为什么那里有填充。4列宽度为24％的DIV不会延伸到我的100％屏幕宽度div

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

编辑：你们所看到的空间巨大块右下角，对不对？这不是3％的条子。我会尝试将它们包装在一个div中，因为现在如果我将它们全部设置为25％，其中一个会落到下一行。另外：哦，我的天啊。我刚刚用分号结束了一个句子;我一直在编程太多;

更新：已经有一个div容器延伸100％。这就是灰色地带。不......这是一种远比我们想象的更糟糕的邪恶。也许这与'Difference'div被固定有关？

来源

2012-11-19 Tyler Langan

一个很好的答案， 2补丁:)有时候人们回答得太快！ –

可以使用box-sizing属性的解决方案，我希望这会为你工作

请与我更新CSSCSS

.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你也会知道其中的差别...

来源

2012-11-19 05:34:17

@TylerLangan嘿寒意我只是想解决你的问题:-)我在这里学到了什么，我与你分享，所以不要给我这么多的名称:-)我什么都没有.....高兴地帮助你... .. –

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

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

来源

2012-11-19 05:08:16 pduersteler

<div id="slg4">

需要设置为float：right;

来源

2012-11-19 05:10:45

这应该做的伎俩：

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

来源

2012-11-19 05:15:32

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

回答

相关问题