创建相对于div parent的绝对输入文本

Question

我想要的是创建一个适用于所有浏览器的设计

只有野生动物园，歌剧作品，其他没有，

这是我的css;

div.parent{
  position:relative;
  display:block;
}

div.parent label{
  display:inline-block
  vertical-align:top;
}

div.parent input[type="text"]{
  display:inline-block
  vertical-align:top;
  position:absolute;
  left:75px;
  right:0px;
  top:0px;
  width:initial;
}

这是我的HTML

<div class="parent">
  <label>Name:</label>
  <input type="text" placeholder="enter your name here" />
</div>

Answer 1

你想要的吗？

width:100%;

而不是？

width : initial;