CSS——隐性改变display类型
2016-03-12 18:53
603 查看
有一个有趣的现象就是当为元素(不论之前是什么类型元素,display:none 除外)设置以下 2 个句之一:
position : absolutefloat : left 或 float:right
元素会自动变为以 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>
相关文章推荐
- CSS--浏览器CSS Hack 收集
- CSS--填坑常用代码分享
- css中的display
- css中的content的使用
- 多个块标签float:left之后水平居中解决办法
- HTML, CSS学习笔记(完整版)
- [DIV/CSS] CSS3的content属性详解
- [DIV/CSS] CSS3的content属性详解
- CSS——字体缩写
- #001 CSS快速入门讲解
- CSS——元素分类
- CSS段落排版——缩进
- css技巧篇
- CSS文字排版——删除线
- CSS——权值
- 探究HTML与CSS:!important 和 @import 规则
- css3 设置背景图片大小(缩略图形式缩小)
- PHPStrom使用SASS,SCSS和Compass
- CSS - 常用行、块级元素都有哪些?
- HTML中的css和div,和table的用法