我正在尝试使用.php文件而不是.css来第一次设置我的代码样式,但无法使一个变量起作用。
我正在使用$ scale变量来确定评级量表的大小,我得到了很好的答案(用echo $ scale测试它;)但由于某种原因我正在制作的div的高度$ scale不会改变。这就是我获得$ scale变量的方式:
$sql = "SELECT votes_number, votes_sum FROM lessons WHERE id='$lesson_id'";
$query = mysql_query($sql);
$row = mysql_fetch_array($query, MYSQL_ASSOC);
$total_votes = $row["votes_number"];
$total_upvotes = $row["votes_sum"];
$scale = ceil(100-(($total_upvotes / $total_votes) * 100));
echo $scale;
这是文件的html:
<div id='rating_meter'><div><div></div></div></div>
CSS(不工作)部分:
#rating_meter{
background-color:#D3D3D3;
width:5px;
height:200px;
display:inline-block;
float:left;
border-bottom:1px solid #7E7E7E;
}
#rating_meter > div{
background-color:green;
width:5px;
height:180px;
display:inline-block;
}
#rating_meter > div > div{
background-color:red;
width:5px;
display:inline-block;
height:<?php echo $scale;?>%;
}
当我使用echo $ scale时;确定高度它总是将高度设置为100%,但它回显到屏幕顶部81,所以它应该是81%...当我使用数字而不是回显$ scale时,例如
height:73%;
或者在第一个php文件中设置$ scale,如下所示:
$scale = "25";
一切正常...... 我怎么能让我的$ scale作为一个声明div高度的变量? 这个问题真的花了我很多时间来处理......
答案 0 :(得分:0)
在您的php文件中执行以下操作:
<style type="text/css">
#rating_meter > div > div{
height :<?php echo $scale; ?>%;
}
</style>
OR
<div id='rating_meter' style='height:<?php echo $scale; ?>%'><div><div></div></div></div>
希望它对你有所帮助。