css设置元素继承父元素宽度_CSS设置超链接A标签宽度和高度

CSS成功定义设置超链接a宽度与高度方法

在DIV CSS布局中，html中a超链接标签，直接对其设置宽度和高度不能生效，设置宽度和高度也不起作用，这里为大家分享解决实现A标签宽度和高度实现。

解决方法：

1、对a标签样式加display:block;或者display:inline-block;加后实现成块状属性

2、float，对a样式盒子float:left让它成浮动

3、当然以上两种方法一个弊端，第一种会让a独占一行，第二种方法会让a浮动，可能会照成与其它文字内容重叠。最后我们会介绍变通地对html a设置什么样式达到我们想要的宽度和高度效果。

CSS+DIV实例示范对A控制宽度和高度样式

一、使用display:block实现a宽度和高度   -   TOP

DIVCSS5对一个div命名为".abc"里的a设置width为80px,height:30px，为了观察效果设置一黑色边框。对a设置CSS样式display:block即可让高度宽度生效。

1、完整html源代码(DIV+CSS)：

html>

a设置宽度和高度 DIVCSS5演示

.abc a{ display:block;width:130px;height:30px;border:1px solid #000}

我宽度80，高30