使用百分比与内部元素组成等百分比的css问题

我有一个问题，我找不出来，它只是对我来说没有意义。使用百分比与内部元素组成等百分比的css问题

我有1个宽度设置为100％的容器div。
我有5个部门里面都有相同的类名和20％的宽度。

由于某些原因，它不适合20％，但将适合他们在19％？我检查过没有可能会干扰的边界，边界或填充，但找不到任何东西。我无法真正向你展示一个例子，因为很难复制这个问题（因为它在别处工作）。

有没有人经历过这个，并有任何建议？

来源

2017-01-13 Michael Zerofive Jenkins

我没有这个问题。 – Radmation

我有时也一样。请务必在分部，容器和主体上没有边距填充或边框。确保你的身体也是100％宽。如果问题仍然存在，请在您的5个部门中输入margin-left: - 2px;这样的小毛利

来源

2017-01-13 22:53:42 BDeliers

这很好，它听起来就像您正在做的一样？

您有链接到您正在处理的页面吗？

<style> 
    .blah{ 
     width: 20%; 
     margin: 0; 
     height: 50px; 
     padding: 0; 
     float: left; 
    } 
</style> 

<div style="width: 100%; "> 
    <div class="blah" style="background-color: green;"> 
    </div> 
    <div class="blah" style="background-color: green;"> 
    </div> 
    <div class="blah" style="background-color: green;"> 
    </div> 
    <div class="blah" style="background-color: green;"> 
    </div> 
    <div class="blah" style="background-color: green;"> 
    </div> 
</div>

来源

2017-01-13 22:56:21 Radmation

https://css-tricks.com/fighting-the-space-between-inline-block-elements/

https://davidwalsh.name/remove-whitespace-inline-block

无法相信这是一个已知的问题

来源

2017-01-13 23:03:46

div默认不是内联块（它们是块级元素）。如果您明确地将它们设置为内联块，那么这应该肯定包含在问题的描述中。 – Elezar

这可能是因为可用不能由大小是平分秋色的像素数指定。例如，如果您的整体宽度为97像素，那么将5个div设置为20％将会是19.4像素，因此它们的大小需要以某种方式舍入。浏览器如何处理舍入。有些会总是圆形的，有些会总是圆的（导致它们不适合），有些会围绕一些元素和一些元素向下（导致它们不再是完全相同的大小，但是它们将适合并且将加起来到100％）

来源

2017-01-13 23:22:06 Elezar

使用百分比与内部元素组成等百分比的css问题

回答

相关问题