Susy不正确地浮动？

我目前正在使用susy创建我的个人网站，并且此刻我正在做一个快速原型（www.dev.jaylaiche.com）。我试图使用跨度混入使用以下CSS来对准我的内容（在页面的底部与文本到它的权利Lorem存有）：Susy不正确地浮动？

.home-page { 
@include container(100%); 
height: 100%; 
min-height: 1020px; 
nav { 
    ul { 
     @include horizontal-list(); 
     li { 
      @include box-sizing(border-box); 
      width: 20%; 
      padding: 2%; 
      text-align: center; 
     } 
    } 
} 
.about-me { 
    width: inherit; 
    height: auto; 
    .about-text { 
     @include span(5); 
    } 
    .about-pic { 
     @include span(3 at 9 of 12); 
    } 
    } 
}

所以，这应该浮动右边的.about-pic div正确吗？我希望它从第9列到第12列的位置。但是，当我输入代码时，它会继续将所有内容都浮动到左侧。我以前在另一个项目中使用过这个功能，它看起来工作正常。我在这里做错了什么？

如果需要，标记看起来是这样的：

<div class="home-page"> 

<nav> 
    <ul> 
     <li class="navi home-nav"><a href="#">HOME</a></li> 
     <li class="navi work-nav"><a href="#">WORK</a></li> 
     <li class="navi logo-nav"><a href="#">Placeholder</a></li> 
     <li class="navi blog-nav"><a href="#">BLOG</a></li> 
     <li class="navi cont-nav"><a href="#">CONTACT</a></li> 
    </ul> 
</nav> 

<div class="about-me"> 
    <div class="about-text"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, iure quasi veritatis? Natus pariatur molestias modi laborum sed numquam, architecto nemo. Nobis id itaque nostrum, aliquam repellendus qui voluptatem? Soluta. 
    </div> 
    <div class="about-pic">Pic goes here</div> 
</div>

来源

2014-07-25 la1ch3

3 at 9将包括，列9 10，和11 - 但是，如果你不使用隔离，它将漂浮离开了。在这种情况下最简单的就是使用last：span(last 3)。

来源

2014-07-25 22:46:31

太棒了，谢谢Eric！ – la1ch3

Susy不正确地浮动？

回答

相关问题