我有2個輸入:它們都有一個width: 100%
,而第二個是一個絕對的盒子:CSS:爲什麼輸入寬度:100%不能在絕對盒子中展開?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
#box1 { position: absolute }
#box1 { background: #666 }
input { width: 100% }
</style>
</head>
<body>
<form>
<input type="text">
<div id="box1">
<input type="text">
</div>
</form>
</body>
</html>
- 對符合標準的瀏覽器,
width: 100%
似乎對絕對內部的輸入沒有影響但是它的輸入不在絕對絕對盒子裏面。 - 在IE7上,兩個輸入都佔用頁面的整個寬度。
兩個問題浮現在腦海中:
- 爲什麼
width: 100%
有符合標準的瀏覽器沒有影響?我不得不說,IE7呈現的方式讓我感覺更加直觀。 - 如何讓IE7呈現像其他瀏覽器的東西,如果我無法刪除
width: 100%
並且無法在絕對定位的框上設置寬度?
「它有點失去其默認的100%寬度」的確是我觀察到的。但是規範中指定的地方在哪裏?爲什麼它會100%放鬆? – avernet 2010-03-16 23:13:26