這里說input設置浮動后display值會變為block，為什么我自己嘗試了之后并沒有改變呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input id="btn" type="button" value="點擊顯示display屬性值"></input>
<span id="sp"></span>
<input id="btn2" type="button" value="點擊給上面按鈕添加左浮動"></input>
</body>
<script>
var btn = document.getElementById("btn"),
btn2 = document.getElementById("btn2"),
sp = document.getElementById("sp");
btn.onclick = function(){
sp.innerHTML = btn.style.display;
}
btn2.onclick = function(){
btn.style.float = "left";
}
</script>
</html>
2024-05-22
2024年5月22日，google瀏覽器做實驗，的確如你所述，inline-block的display不會變為block，可能inline-block中有block，具有block可以設置寬高的特性，沒有必要這樣做，可以嘗試使用span元素進行實驗，display的確從inline改變為block?
2021-05-06