0

我正在玩这个 HTML 中 .logo 的定位:

 <div class="mod-header">
   <a class="logo" href="#"></a>
 </div>

徽标宽度是固定的,但是我想知道我是否应该让左边距调整到屏幕尺寸。

我已经用 Susy 试过了,这使得 .logo 宽度固定:

.logo
  text-indent: -9999px
  float: left
  +rem('width', 120px)
  +rem('margin', 20px 0)
  // margin-left: $column-width

但是,这不会调整左边距。当我尝试:

 .logo
   @include span-columns(3,12)

正在进行一些调整,但它是关于宽度,而不是左边距。

我将如何处理这个固定宽度的左边距调整?

4

1 回答 1

0

这似乎有效:

.logo
  width: 120px
  margin-left: gutter(12) + columns(2,12)
于 2013-04-17T21:25:08.563 回答