源自：5-1 float浮动的滥用
这里说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>
提问者：网友张顺飞
2021-05-06 17:13
个回答
-
- 假蛙工程师
- 2024-05-22 12:05:19
2024年5月22日，google浏览器做实验，的确如你所述，inline-block的display不会变为block，可能inline-block中有block，具有block可以设置宽高的特性，没有必要这样做，可以尝试使用span元素进行实验，display的确从inline改变为block
-
- 网友张顺飞
- 2021-05-06 17:16:42
这是页面