在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5/ input標(biāo)簽 為什么無(wú)法使用絕對(duì)定位？

input標(biāo)簽 為什么無(wú)法使用絕對(duì)定位？

demo

<div>
  <input type='text'>
</div>
div{
  position: relative;
  width:300px;
  height:30px;
  outline:1px red solid;
}
input{
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:gold;
}

這是為什么呢？

回答
編輯回答
離觴

如果想寫(xiě)input大小與容器一樣大的話(huà) 你還缺一個(gè)屬性 margin:auto;

2018年2月5日 10:42
編輯回答
奧特蛋

定位的話(huà)，為什么要四個(gè)方向都要設(shè)值呢。一般情況都是上下左右只取上（下）右（左），不能又上又下之類(lèi)的。特殊情況再去考慮。

2017年4月22日 18:56
編輯回答
夏夕

據(jù)我了解，left: 0; right: 0;

這個(gè)寫(xiě)法只是針對(duì)于沒(méi)有默認(rèn)寬度的元素；

<input type="text" > 是有默認(rèn)寬度的， 所以失效的了；

clipboard.png

同樣失效的還有img；

2018年3月16日 13:08
編輯回答
維他命
 top:0;
  right:0;
  bottom:0;
  left:0;

去掉底下兩個(gè)試下，你同時(shí)定義了又是左邊0又是右邊0，你想讓瀏覽器怎么辦嘛

2017年10月31日 22:49
編輯回答
鹿惑
div{
  position: relative;
  width:300px;
  height:30px;
  outline:1px red solid;
}
input{
  position: absolute;
  top:20px;
  right:0;
  bottom:0;
  left:0;
  background:gold;
}

clipboard.png
top發(fā)生了變化。
如果你想100%寬度，需要手動(dòng)寫(xiě)100%

2017年6月3日 19:46