dl元素的宽度

Question

我正在为我的目的修改phpbb投票显示。这是我当前打开结果显示时的html代码：

<div class="content">
        <h2>Question</h2>
        <p class="author">bla bla <strong>אחת</strong></p>
            <dl class="">
                <dt><label for="vote_1">option1</label></dt>
                <dd style="width: auto;"><input type="radio" name="vote_id[]" id="vote_1" value="1" /></dd><dd class="resultbar"><div class="pollbar" style="width:77%">10</div></dd>
                <dd>77%</dd>
            </dl>

            <dl class="">
                <dt><label for="vote_2">Option 2</label></dt>
                <dd style="width: auto;"><input type="radio" name="vote_id[]" id="vote_2" value="2" /></dd><dd class="resultbar"><div class="pollbar" style="width:23%">3</div></dd>
                <dd>23%</dd>
            </dl>

            <dl class="">
                <dt><label for="vote_3">Option 3</label></dt>
                <dd style="width: auto;"><input type="radio" name="vote_id[]" id="vote_3" value="3" /></dd><dd class="resultbar"><div class="pollbar" style="width:0%">0</div></dd>
                <dd>No votes</dd>
            </dl>

            <dl>
                <dt>&nbsp;</dt>
                <dd class="resultbar">Total : 13</dd>
            </dl>

            <dl style="border-top: none;">
                <dt>&nbsp;</dt>
                <dd class="resultbar"><input type="submit" name="update" value="submit" class="button1" /></dd>
            </dl>


    </div>

    <span class="corners-bottom"><span></span></span></div>
    <input type="hidden" name="creation_time" value="1326810654" />

​

问题是:在phpbb中，元素的宽度与"content“div相同，因此它们是逐行显示的。然而，在我的代码中，元素的宽度为0 (宽度0的确切含义是什么？在屏幕上，它们的宽度大于0)，并且所有-s显示在同一行中。

我看了一下css文件，但据我所知没有什么不同。这里的相关属性是什么？将css文件中的"width“样式选项设置为100%和"inherit”不起作用。

Answer 1

代码看起来像是一种奇怪的表格数据表示(应该使用<table>元素来表示)，其目的可能是使用CSS，但不知何故，相关的CSS代码丢失了。

如果没有CSS，每个dt和dd元素都会呈现在各自的一行上，因为这是HTML中的默认呈现方式。

假设百分比宽度用作百分比的图形表示，使得例如73%对应于73%宽度的块。然而，如果没有一些CSS使区块可见，例如边框或背景色，则无法看到。由于显而易见的原因，这个想法失败了，比如0%。

如果没有更多的上下文，包括CSS的应用，很难说得更多。