使用百分比與內部元素組成等百分比的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問題

回答

相關問題