欢迎来到温馨驿站 wenxinyizhan.com!
当前位置:首页 > 其他资讯 > 隐性改变display类型的css 内容

隐性改变display类型的css

选择字号: 超大 标准 发布时间:2018-06-18 08:49 | 作者:58ixyz

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

网站分类
最新文章
随机文章