Html &引用；输入绝对值“；不会像“从左到右”那样增长；div绝对“；？

有没有一种简单的方法可以让

输入从左向右增长，就像我示例中的div那样？在这种情况下，为什么输入标记（以及按钮）不能像div一样工作（缺少的
是像这样的标记的问题吗）

HTML示例：

<div class="wrapper">
  <div></div>
  <input>
</div>



CSS示例：

.wrapper {
  position: relative;
  width: 300px;
  height: 300px;
  background-color: blue;
}

div {
  position: absolute;
  top: 0;
  left: 20px; /* <-- working */
  right: 20px; /* <-- working */
  height: 20px;
  background-color: red;
}

input {
  position: absolute;
  top: 20px;
  left: 20px; /* <-- isn't working */
  right: 20px; /* <-- isn't working */
  height: 20px;
  background-color: orange;
  border: 0;
}

.wrapper{
位置：相对位置；
宽度：300px；
高度：300px；
背景颜色：蓝色；
}
div{
位置：绝对位置；
排名：0；
左：20px；/*您需要手动指定宽度，因为输入不会作为div进行响应

大多数情况下，绝对定位的元素具有高度和
“宽度”设置为“自动”时，会调整大小以适合其内容



.wrapper{
位置：相对位置；
宽度：300px；
高度：300px；
背景颜色：蓝色；
}
div，输入{
位置：绝对位置；
左：20px；
右：20px；
高度：20px；
}
div{
排名：0；
背景色：红色；
}
输入{
顶部：20px；
背景颜色：橙色；
宽度：calc（100%-40px）；/*不作为div反应，需要手动指定宽度*/
边框：0；/*删除默认边框*/
填充：0；/*删除默认填充*/
}

您在
绝对值
.Sry中有一个输入错误，太快了，thx，但它不能解决问题。输入和按钮元素有除div以外的标准格式。这使它们的行为也不同。您必须手动向此类元素添加一个宽度a，好的，“宽度：计算”做的诀窍，很高兴知道这是像这样的元素工作-thx的帮助！