首页 > web前端 > html教程 > 隐性改变display类型_html/css_WEB-ITnose

隐性改变display类型_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:14:56
原创
1011 人浏览过

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

position : absolute
float : left 或 float:right
元素会自动变为以 display:inline-block 的方式显示,当然就可以设置元素的 width 和 height 了且默认宽度不占满父元素。

如下面的代码,小伙伴们都知道 a 标签是行内元素,所以设置它的 width 是 没有效果的,但是设置为 position:absolute 以后,就可以了。

 1 html代码: 2 <div class="container"> 3    <a href="#" title="">进入课程请单击这里</a> 4 </div> 5  6 css代码 7 <style> 8    .container a{ 9         position:absolute;10         width:200px;11         background:#ccc;12    }13 </style>
登录后复制

 

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板