当某些输入具有固定大小时，如何将多行输入的宽度设置为浏览器窗口宽度的百分比？

Question

标题说明了一切。我有一行输入，包括文本字段，选择，单选按钮和复选框，我希望行的总宽度是屏幕的百分比，但我也希望一些单独的输入保持恒定的宽度。我已经尝试将所有行输入放在<div>标签内，并将div的css设置为width:100%，但它没有做任何事情。我认为这是因为我将某些输入的css设置为特定数量的像素。

<div style="width:90%">
    <span style="width:100%; display:block">
      <input type="text" style="width:50px">
      <input type="text" style="width:33%">
      <input type="text" style="width:33%">
     </span>
</div>

Answer 1

Meler，

似乎你没有考虑像输入这样的基础知识通常表现为内联元素。请确保你已经阻止它占据宽度％

例如：

<div style="width:90%">
    <span style="width:100%">some text</span>
//this should not work until you make span as 'display:block' 
</div>