小编kir*_*kas的帖子

我不知道是否有问题,但我想知道为什么overflow:hidden它不能在fixed父/子元素上起作用.

这是一个例子:

CSS和HTML:

.parent{
  position:fixed;
  overflow:hidden;
  width:300px;
  height:300px;
  background:#555;
}
.children{
  position:fixed;
  top:200px;
  left:200px;
  width:150px;
  height:150px;
  background:#333;
}

<div class="parent">
  <div class="children">
  </div>
</div>

现场演示:jsFiddle

在我正在使用的新webapp上使用自定义字体时,我遇到了一个奇怪的问题.

这个自定义字体(FF DIN)似乎有一个自然垂直的偏心线高,这迫使我放置一些填充顶部的黑客来补偿元素上的顶部空间,如按钮和输入.

示例:绿色字体(Helvetica Neue)正确对齐,我们使用的自定义字体(FF DIN)垂直偏离中心:

是否有任何已知的方法可以自然地修复CSS上的居中问题,以某种方式强制字体基线行为？

谢谢.

我最近玩过CSS网格,包括像Susy(http://susy.oddbird.net/),Foundation(http://foundation.zurb.com/)和语义网格系统(http:/ /semantic.gs/).

他们都共享这个"包括"网格mixin的选项,而不是指定一个html类,例如

.some-div{
  @include grid-column(4);
}

虽然这看起来像是一个很好的语义方法,但我想知道css权重,css逻辑方面的成本,以及它是否真的值得它只是语义？

使用mixin grid vs html类的优缺点是什么？