隐性改变display类型

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

  • position: absolute
  • float: left 或 float: right

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

注:我在chrome浏览器坐实验后显示的属性是display:block

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

css代码

css代码

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

results matching ""

    No results matching ""