有一个有趣的现象就是：当为元素（不论之前是什么类型的元素，display:none除外），设置一下2个语句之一：

1、position：absolute

2、float:left 或 float:right

简单来说，只要HTML 代码中出现以上两个语句之一，元素的display 显示类型就会自动变为以 display:inline-block (块状元素) 的方式显示，当然就可以设置元素的 width 和 height 了，且默认不占满 父元素。

如下面代码，大家都知道 a 标签是行内元素，所以设置它的 width是没有效果的，但是设置为 position-absolute 以后，就可以了。

<div  class = "container">
<a href = "#"  title = "">进入课程清单点击这里</a>
</div>

CSS代码：

<style>
.container a{
    position:absolute;
    width:200px;
    background:#ccc;
}
</style>

版权属于：编码书生

本文链接：https://codess.cc/archives/323.html

所有原创文章采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。
除特别注明，您可以自由的转载和修改，但请务必注明文章来源且不可用于商业目的。