CSS高度百分比問題

我有一個包含25塊級元素飄然塊，我設置width:20%和height: 20%CSS高度百分比問題

取決於有時是有間隙的高度，但寬度爲總是正確的。

#grid{ 
    width: 880px; 
    height: 333px; 
    background: blue; 
} 
#grid a{ 
    display: block; 
    float: left; 
    width: 20%; 
    height: 20%; 
    background: red 
}

請參閱http://jsfiddle.net/wVC5j/

我我怎麼能保證在底部的差距不存在嗎？

來源

2013-03-03 Kudos

工作正常，我http://jsfiddle.net/wVC5j/1/ – Ven 2013-03-03 11:50:39

還有一定的差距，因爲當你申請20％的家長的高度，你會得到一個浮點數，然後將其圓爲高度。這意味着你可以獲得1-2px的差距。嘗試將父高度設置爲'330px' http://jsfiddle.net/wVC5j/2/ – deadlock 2013-03-03 11:51:01

任何方式，否則我需要確保高度可以被5整除？ – Kudos 2013-03-03 11:53:17

我似乎已經解決了使用20.15%高度，而不是僅僅20
這到底是什麼造成了一下，有時溢出的問題，但是從我的測試中，當高度改變沒有藍出現了。

http://jsfiddle.net/wVC5j/3/

來源

2013-03-08 03:47:33

感謝您的答案，但它是一個網格覆蓋圖像，所以必須添加高達100％ – Kudos 2013-03-21 08:36:30

也許然後包含此網格在一個固定的高度和寬度的容器內，並設置「溢出：隱藏」，使寬度不超過100％？ – 2013-03-21 16:45:58

CSS高度百分比問題

回答

相關問題