我有以下代码:
<div style='width:635px;height:20px;'>
<div style='float:left;margin-top:1px;margin-bottom:1px;width:".$neg."%;height:18px;background-color: #BF4F4C;'></div>
<div style='float:left;margin-top:1px;margin-bottom:1px;width:".$pass."%;height:18px;background-color: #E37A0D;'></div>
<div style='float:left;margin-top:1px;margin-bottom:1px;width:".$pos."%;height:18px;background-color: #9ABB59;'></div>
</div>
您可以看到“%”是一个 PHP 变量 - 由于四舍五入,有时这等于 101%,然后最后一个栏位于前两个栏的下方而不是旁边。无论如何要阻止这一切?
fiddle :http://jsfiddle.net/jVter/
PHP:
$pos = number_format(($row[1]/$row[0])*100,0);
$pass = number_format(($row[2]/$row[0])*100,0);
$neg = number_format(($row[3]/$row[0])*100,0);
更多代码(这是一个多查询):
SELECT COUNT( ". $r ." ) AS Total,
(SELECT COUNT( ". $r ." ) FROM tresults WHERE ". $r ." >=750) AS Engaged,
(SELECT COUNT( ". $r ." ) FROM `tresults` WHERE ". $r ." >=450 AND ". $r ." <=749) AS Passive,
(SELECT COUNT( ". $r ." ) FROM `tresults` WHERE ". $r ." <=449) AS Disengaged
FROM `tresults`
最佳答案
$pos = number_format(($row[1]/$row[0])*100,0);
$pass = number_format(($row[2]/$row[0])*100,0);
$neg=100-$pos-$pass
关于php - CSS Div % 宽度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19711467/