位置絕對的css在輸入標籤中不起作用

嗨問題是我給位置絕對的輸入，但我只是發現絕對位置不工作在輸入標籤任何人都可以知道？我只是定位，這就是爲什麼我在這裏使用這個想我的佈局液體是我的HTML代碼：位置絕對的css在輸入標籤中不起作用

<div id="savevalue"> 
    <input type="text" name="name" id="name" class="inpt" /> 
    <input type="button" value="Submit" class="btn" /> 
</div>

這裏是CSS代碼：

.inpt{ 
    background:#fff; 
    border:1px solid #ccc; 
    height:30px; 
    font-size:18px; 
    position:absolute; 
    left:0; 
    right:100px; 
} 
.btn{ 
    height:30px; 
    background:#333; 
    border:1px solid #222; 
    font-size:18px; 
    color:#fff; 
    padding:0 15px; 
    position:absolute; 
    right:0; 
}

來源

2013-01-09 The Mechanic

在這個你想要的。看到這個，並告訴http://jsfiddle.net/3pSRS/ –

@Pwn，只能在Chrome的作品 –

可能的重複[使用位置：絕對設置輸入寬度]（http://stackoverflow.com/questions/1708654/使用positionabsolute-to-set-an-inputs-width） –

是它工作正常使用

width: -moz-available

感謝每一個

來源

2013-01-09 09:02:56

我不知道這一點。這工作 – Sowmya

學分去我的頭傷 – Gijs

@Gijs當然是！ – Sowmya

位置絕對的css在輸入標籤中不起作用

回答

相關問題