css - 表行不是表容器（字段集）的 100%

Question

为什么.item作为 a 的元素table-tow不会是
它的 parent table-acting 元素的 100% 宽度？

演示页面：http: //jsbin.com/AdaCUYu/8/edit

HTML

  <form>
    <fieldset>
      <div class="item">
        <label>First Name</label>
        <input />
      </div>
      <div class="item">
        <label>Last Name</label>
        <input />
      </div>
    </fieldset>
  </form>

CSS

fieldset{ 
  border:0;
  padding:0;
  margin:0;
  display:table;
  width:100%;
  border-spacing:10px;
}

.item{ display:table-row; }
  .item > *{ display:table-cell; padding:5px; }
  .item input{ width:100%; }

Answer 1

好的，找到问题了。似乎一个fieldset元素不能用作table-displayed 元素。
多奇怪。