Html dl元素的宽度

Html dl元素的宽度,html,css,phpbb,Html,Css,Phpbb,我正在修改phpbb轮询显示。这是打开“结果显示”时我当前的html代码: <div class="content"> <h2>Question</h2> <p class="author">bla bla <strong>אחת</strong></p> <dl class=""> <dt><l

我正在修改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" />

问题:

blabla bla

选择1 10 77% 选择2 3. 23% 选择3 0 无票 总数:13

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


我查看了css文件,但据我所知,没有什么不同。这里的相关财产是什么?将css文件中的“宽度”样式选项设置为100%和“继承”无效。

该代码看起来像是表格数据的奇怪表示(应该使用
元素来表示),其目的可能是为了使用css,但不知怎的,相关的css代码丢失了

如果没有CSS,每个
dt
dd
元素都在自己的一行上呈现,因为这是HTML中的默认呈现

百分比宽度大概是用作百分比的图形表示,因此例如73%对应于73%宽的块。但是,如果没有一些CSS使块(例如边框或背景色)可见,则无法看到这一点。由于明显的原因,这个想法失败了,例如0%


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

你说得对。这个问题是由CSS中的“display:inline”引起的。