前言
由于前端所设计的领域太多，每篇文章所能讲述的知识点太多，对于读者来说不太好消化，因此以后基本是采用一篇文章一个知识点来写作。
今天这篇文章主要讲解CSS中a标签的高度和宽度问题。
css
问题描述
在采用div css的方式布局页面时，对于超链接a标签，无法设置其高度和宽度，即使对其设置了width和height属性，也不会生效。
我们通过如下例子来看看。
给a标签设置了如下css属性。
css属性
但是从下图可以看出，a标签的高度和宽度没有发生变化，仍然是122px*22px。
实际效果
问题原因
为什么会出现这个情况呢？
因为a标签属于行内元素，行内元素是无法直接设置高度和宽度的。
遇到这个问题，我们该怎么解决呢，主要有以下几个方法。
解决方法1-设置块级元素
既然行内元素无法设置高度和宽度，那么我们将其设置为块级元素呢？
我们对a标签设置以下的样式。
