您好,欢迎来到天香阁![请登录] [免费注册] 购物车 | 收藏天香阁 | 设为首页 | 国画牡丹
洛阳牡丹画
洛阳天香阁诗书画廊联系方式
当前位置: 天香阁首页 > 网民聚焦 > 技术文摘 > .clearfix .clearfix:after { content:"."; display:block; heig
下一篇: IE8中DIV不能居中与IE7兼容 上一篇: 做一款自己的《酷跑》

.clearfix .clearfix:after { content:"."; display:block; heig

洛阳天香阁诗书画廊 / 2014-06-18
摘要:.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 下面两个样式一样,为什么要写开,写开做用是什么? .clearfix { di...

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
下面两个样式一样,为什么要写开,写开做用是什么?
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
display:block;  块级显示  新行开始,高度,顶底为可控
display:inline-block; 内联显示,即同一行显示
由于浏览器的不同,就导至一些浏览器不兼容的问题,IE就是其中一个
解决IE bug方法有2种
1.先使用display:inline-block;触发内联显示,再用display:block触发块
以解决在IE中因为内联而无法设置高度,顶底问题
洛阳天香阁牡丹画第一品牌

用户评论

用户名: 匿名用户
评价等级:
评论内容:
E-mail: