Ширина элемента 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, элементы имеют одинаковую ширину, как «содержание» DIV, и поэтому они отображаются линии ая линия. Однако в моем коде элементы имеют ширину 0 (каков точный смысл ширины 0? На экране у них ширина больше 0), и все -s отображаются в одной строке.

Я просмотрел файлы css, но, насколько я вижу, нет никакой разницы. Какая здесь собственность? Устанавливает параметр стиля «ширина» в файле css на 100%, а «inherit» не влияет.

Answer 1

Код выглядит как странное представление табличных данных (что-то, что должно быть представлено с использованием элементов <table>), и, вероятно, цель состоит в том, чтобы использовать CSS для этой цели, но каким-то образом соответствующий код CSS пропал без вести.

Без CSS каждый элемент dt и dd визуализируется каждый по отдельной строке, потому что это рендеринг по умолчанию в HTML.

Процентная ширина, по-видимому, должна действовать как графическое представление процентов, так, например, 73% соответствует блоку шириной 73%. Однако этого не видно, без какого-либо CSS, который делает блоки видимыми, например. границы или цвета фона. Эта идея не срабатывает, например. на 0%, по очевидным причинам.

Без дополнительного контекста, включая применяемый CSS, трудно сказать гораздо больше.