当前位置：首页 > 简单阅读 > 隐性改变display类型的css 内容

隐性改变display类型的css

选择字体大小：大中小发布时间：2018-04-13 14:51| 来源：互联网 | 阅读： | 作者：

有一个有趣的现象就是当为元素（不论之前是什么类型元素，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>

建议：没去研究过w3c标准，但是不知道CSS权威指南里面说的有没有错误。书上提到的变化，display并不是变成inline-block，而是一共有两种形式，一种是block，一种是table。原本表现为block或者是table的元素，则不会改变（这句是我的理解，并没有试验过）。内容略多，没法贴图，具体变化的情况，如果有这本书的同学，可以翻到第212页来看看

人生	励志	哲理
爱情	友情	语录
笑话	育儿	教育
经典	感悟	情感
美食	星座	中年
读书	健康	女性
宝宝	养生	人性