jquery-mobile-960流体布局在<；李>；

我正在使用jquery-mobile-960的流体布局

当我直接在页面或节中使用container_12类时，我会得到所需的结果，即，单行中的前两个网格和下一行中的第二个网格

---

1X2网格1X10网格 1X4网格

1X2网格
1X10网格
1X4网格

但是当我在一个

中使用相同的代码时，结果就完全不同了。第三个网格与前两个网格交错

<div data-role="content" role="main">
  <ul data-role="listview" data-theme="c">
      <li data-icon="false">
        <a href="#">
          <div class="container_12">
            <div class="grid_2">
              1X2 grid
            </div>
            <div class="grid_10">
              1X10 grid
            </div>
            <div class="grid_4">
              1X4 grid
            </div>
          </div>>
          </div>
        </a>
      </li>
      <li data-icon="false"><a href="#">No icon</a></li>
  </ul>
</div> 








我认为一个
就是一个
，不管它位于
内部还是其他地方

对此有什么想法吗？
看起来在网格4 DIV（
）之后的listview标记中有一个额外的结束DIV和一个额外的角括号。试试这个：

 <ul data-role="listview" data-theme="c">
  <li data-icon="false">
    <a href="#">
      <div class="container_12">
        <div class="grid_2">
          1X2 grid
        </div>
        <div class="grid_10">
          1X10 grid
        </div>
        <div class="grid_4">
          1X4 grid
        </div>
      </div>
    </a>
  </li>
  <li data-icon="false"><a href="#">No icon</a></li>







这里有一个

 <ul data-role="listview" data-theme="c">
  <li data-icon="false">
    <a href="#">
      <div class="container_12">
        <div class="grid_2">
          1X2 grid
        </div>
        <div class="grid_10">
          1X10 grid
        </div>
        <div class="grid_4">
          1X4 grid
        </div>
      </div>
    </a>
  </li>
  <li data-icon="false"><a href="#">No icon</a></li>