html - 是否可以使用 html/css 来调整选择/选项保管箱的边距

Question

我在网页上使用选择/选项元素。当我单击选择时，选项似乎覆盖了下一段的文本。

 <tr>
      <td valign="middle" colspan="2">
        <select name="park_cars">
          <option value="">-</option>
          <option value="<50">&lt;50</option>
          <option value="50-100">50-100</option>
          <option value=">100">&gt;100</option>
          <option value="N/A">N/A</option>
        </select>
     </td>
</tr>
<p>some text...</p>

我希望能够调整边距，这样一旦您点击下拉菜单，它就会将段落向下推，直到您做出选择。

这有可能吗？

Answer 1

没有。使用选择/选项是不可能的。

(因为答案是否定的，所以我的以下解决方案将是概念性的，而您没有任何其他代码。)

但是您可以使用其他类型的选择，例如复选框(如果它接受多个值)或单选按钮。

将这些元素放在 display: none; div 中，当你点击某处时，你将 css 更改为 display: block;。然后它就会像你想要的那样工作。