Question

我有以下小提琴设置http://jsfiddle.net/Wap43/3/我无法让酒吧遮挡。它将在没有style =“width：10％”内联的情况下工作。有没有其他方法可以在HTML代码中完成？感谢

更新。我得到了这个工作：

echo '</td><td class="graph">
                                    <div class="bar green" style="width:'.$left.'%"></div>
                                    <div class="bar yellow" style="width:'.$temp2.'%"></div>
                                    <div class="bar red" style="width:'.$right.'%"></div>';

td.graph{
    width: 200px;
}
td.graph .bar {
    height:18px;
    float:left;
}
.green {
    background: green;
    width:10%;
}
.red {

    background: red;
    width:10%;
}
.yellow {
    background: orange;
    width:10%;
}

Answer 1

DIV扩展到其容器的宽度。你的桌子没有宽度，是你DIV的容器。因此，你的DIV也没有宽度。

给你的桌子宽度。

Answer 2

我不完全确定你拍的是什么，但是这里有一个jsfiddle，你的代码已经清理完了，而且（我认为）正在工作。您需要表格具有宽度（或填充数据），以关闭您的div，并为红色样式添加高度。这可能不是你想要的，但它似乎符合法案

Answer 3

更新。我得到了这个工作：

echo '</td><td class="graph">
                                    <div class="bar green" style="width:'.$left.'%"></div>
                                    <div class="bar yellow" style="width:'.$temp2.'%"></div>
                                    <div class="bar red" style="width:'.$right.'%"></div>';

td.graph{
    width: 200px;
}
td.graph .bar {
    height:18px;
    float:left;
}
.green {
    background: green;
    width:10%;
}
.red {

    background: red;
    width:10%;
}
.yellow {
    background: orange;
    width:10%;
}

使用CSS来遮蔽TD％

3 个答案: