为何img、input等内联元素可以设置宽高

img和input等内联元素可以设置宽高，是因为它们在HTML中被定义为替换元素(replaced element)。替换元素是指浏览器根据元素的标签和属性，来决定元素的具体显示内容。例如，img元素的src属性指向一张图片，浏览器会根据该属性值加载图片，并在文档流中占据一定的宽度和高度。

因此，对于内联替换元素，可以通过设置其width和height属性来确定其占用的空间大小。

以下是两条示例说明：

1. 对img元素设置宽高

<img src="example.jpg" alt="example" width="100" height="100">

在这个例子中，img元素的宽度为100px，高度也为100px。即使该图片的原始尺寸大于这个尺寸，浏览器也会缩放图片以适应设置的宽高。

1. 对input元素设置宽高

<input type="text" name="example" value="example" style="width: 200px; height: 30px;">

在这个例子中，input元素的宽度为200px，高度为30px。同时，style属性中的宽度和高度也可以被用来设置元素的尺寸。在这种情况下，设置元素尺寸的方式与其他样式属性的设置方式相同。

总之，内联元素可以设置宽高的原因是因为它们被定义为替换元素，在位于webkit之上的浏览器上，它们的宽高可以被直接控制。