html - 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% 宽的 block 。然而，如果没有一些使 block 可见的 CSS，则这是看不到的，例如边框或背景颜色。这个想法失败了，例如0%，原因很明显。

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