img/input等部分标签是行内标签，为什么也可以设置宽和高

常见标签分类

• 在平常的学习中，我们应该都知道 html 标签可以分为块级标签和行内标签
• 常见的块级标签有：ul、ol、li、form、h1-h6、hr、p、table、div 等
• 常见的行内标签有：a、button、br、img、input、label、select、span 等
• 但细心的同学就会发现，尽管 img 是行内标签，但是我们仍然可以给其设置宽和高，这里就涉及到另一个概念

另一种分类：可替换标签和不可替换标签

• 可替换标签：标签的具体显示内容要根据其属性来决定的标签就是可替换标签，如 img、input、textarea、select 等
• 不可替换标签：标签的具体显示内容直接呈现给用户端的标签就是可替换标签
• 所有的可替换标签都是可以设置宽高的
• 几乎大部分的可替换标签都是行内标签

如何给不是可替换标签的行内标签设置宽和高

• 使用 display:block;
• 使用 display：inline-block;
• 给行内标签添加 float 来设置宽高，因为不论什么元素本身是什么，当它浮动时就会生成一个块级框