Html 基础网格系统不能在TD内工作 我的网页有一个表，对于一个元素，我必须应用基础的网格属性。我必须将行分成两列，大小分别为10和2。第一列是一个输入字段，第二列是一个下拉图标，但当我尝试这样做时，第二列在第一列之后 <table class="inner-table"> <tr> <td width="20">plan </td> <td width="50">Mobile</td> <td width="15">20%</td> <td width="15">50%</td> </tr> <tr> <td>dsffgh</td> <td>Mobile</td> <td>20%</td> <td>50%</td> </tr> <tr> <td>Plan</td> <td> <div class="row"> <form class="project-name"> <div class="small-11 columns"> <input type="text" name="projectName"> </div> <div class="small-1 columns"> <a href="#" data-dropdown="drop1"><img src="images/Rectangle-13.png" alt="dropdown-menu" height="10em" width="10em"> </a> <ul id="drop1" class="f-dropdown" data-dropdown-content> <li>10</li> <li>15<li> <li>20</li> </ul> </div> </form> </div> </td> </tr> <tr> <td id="dot-emp3" class="show-more"> ... </td> </tr> </table> 计划 可移动的 20% 50% dsffgh 可移动的 20% 50% 计划 十, 15 二十 ...

我不知道Zurb的情况。但是我看到你的

代码中有一个错误，使图片显示为10x10像素，而不是ems。通常它会因为空间不足而下降。在Primo.CSS.Car中，列已经填充了左填充和右填充，设置了4次，将这些属性重置为0，除非您真正需要这些填充物。