由于前端所设计的领域太多，每篇文章所能讲述的知识点太多，对付读者来说不太好消化，因此往后基本是采取一篇文章一个知识点来写作。
本日这篇文章紧张讲解css中a标签的高度和宽度问题。
css
问题描述
在采取div+css的办法布局页面时，对付超链接a标签，无法设置其高度和宽度，纵然对其设置了width和height属性，也不会生效。
我们通过如下例子来看看。
给a标签设置了如下css属性。
css属性
但是从下图可以看出，a标签的高度和宽度没有发生变革，仍旧是122px22px。
实际效果
问题缘故原由
为什么会涌现这个情形呢？
由于a标签属于行内元素，行内元素是无法直接设置高度和宽度的。
碰着这个问题，我们该怎么办理呢，紧张有以下几个方法。
办理方法1-设置块级元素
既然行内元素无法设置高度和宽度，那么我们将其设置为块级元素呢？
我们对a标签设置以下的样式。
设置display:block
我们可以看出a标签的高度和宽度发生了变革，而且在设置为块级元素后，霸占了一整行的位置。
高度发生变革
办理方法2-设置浮动
通过将a标签设置为浮动状态，同样可以改变其高度和宽度。
我们给a标签设置以下css样式。
设置为浮动元素
我们可以看出a标签的高度和宽度发生了变革，并且其霸占的宽度和设置的width属性一样，与方法1呈现的不一样。
改为浮动元素
方法3-设置padding属性
在设置padding属性的时候，不能直接改变a标签的高度和宽度，实际是一种仿照的状态。
而且须要把稳的是在设置padding-top和padding-bottom时是不生效的，纵然从掌握台看元素显示霸占了空间，但不会影响页面的布局。因此在设置padding属性时，实际只会影响到a标签的宽度。
我们给a标签设置以下padding属性。
设置padding属性
我们可以看出a标签霸占的高度和宽度发生了变革，但是实际只是宽度霸占的空间发生变革，高度不变。
设置padding属性
结束语
本日这个大略的知识点：设置a标签的高度和宽度，大家都学会了吗？
