下拉框始终为100％

Question

我有以下HTML：

<div style="30px;">
  <table width="100%;">
    <tr>
      <td>
        <SELECT name="guidelinks">
          <OPTION SELECTED value="jex6.htm">Page 1
          <OPTION value="jex7.htm">My Cool Page
        </SELECT> 
      </td>
    </tr>
  </table>

当显示此下拉框时，宽度为100％，而不是30px，是否有人可以解释原因以及如何解决此问题？

不可思议地我无法编辑CSS上的代码

Answer 1

div的样式标记中有错误：

<div style="30px;">

应该是

<div style="width:30px;">

30px是一个非常窄的宽度，请注意。我会让它至少宽5倍。

Answer 2

您需要为select元素本身提供一个特定的width ..

<select style="width:30px;" name="guidelinks">...