Category css

CSS布局负Margin负边距(negative margin)自适应布局负值在页面中的应用

现如今,负margin技术的应用可谓越来越广,任一个大型站点惊鸿一瞥之下都会有其身影所在。个人认为负margin技术是学习css路上必不可缺少的课题之一,许多高级应用及疑难杂症修复都可以使用负margin技术进行实现。

负margin理论:

在说明什么是负margin之前,你得清楚margin是个啥么玩意,为了形象、易懂的解释负margin,我们将引入W3C上没有的参考线的说法。何谓参考线?参考线就是 m...

继续阅读

你知道有关清除浮动闭合的最佳方案吗?-CSS .clearfix-是什么-如何使用

一,什么是.clearfix

很多网站都讲到一个盒子清除内部浮动时可以用到.clearfix。

1
2
3
4
5
6
7
8
9
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
1
2
3
<div class="clearfix">
  <div class="floated"></div>
</div>

上面的代码就是.clearfix的定义和应用,简单的说下.clearfix的原理:

  • 在I...
继续阅读
Top Down