css - 创建相对于父 div 的绝对输入文本

Question

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

只有safari，opera work，其他没有，

这是我的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;