Question

＆＃13;

#salary-range > div {
  display:inline;
}

input[type=text],
input[type=email],
input[type=url],
input[type=number],
input[type=date],
input[type=password],
select, option,
textarea {
  width: 80%
}

＆＃13;

<div id="salary-range">
  <div>
    <span class="input"><label for="salary">Salary MIN</label><br>
      <input class='inp_cont' id="salary" name="salary" placeholder="Enter your salary" step="1000" min="0" required="" type="number">
    </span>
  </div>
  <div>
    <span class="input"><label for="salary">Salary MAX</label><br>
      <input class='inp_cont' id="salary" name="salary" placeholder="Enter your salary" step="1000" min="0" required="" type="number">
    </span>
  </div>
</div>

＆＃13;

我正在努力获得MIN＆＃39;和工资MAX＆＃39;和睦相处。标题必须始终位于方框的顶部。并排两个盒子的总宽度应为80％。两个盒子之间应该有100px的余量。以及如何使薪水最高＆＃39;永远不会低于薪水MIN＆＃39;用户输入了什么？

Answer 1

向左浮动你的div，只需给你的输入一个右边距。见下文：

#salary-range > div {
  float: left;
}

.inp_cont {
  width: 80%;
  margin-right: 100px;
}

<div id="salary-range">
  <div>
    <span class="input"><label for="salary">Salary MIN</label><br>
      <input class='inp_cont' id="salary" name="salary" placeholder="Enter your salary" step="1000" min="0" required="" type="number">
    </span>
  </div>
  <div>
    <span class="input"><label for="salary">Salary MAX</label><br>
      <input class='inp_cont' id="salary" name="salary" placeholder="Enter your salary" step="1000" min="0" required="" type="number">
    </span>
  </div>
</div>

两个div用于定义最小和最大数字范围

1 个答案: