当你不能使用position：relative和position：absolute </div>时，如何将<p>浮动到</p> <div>的底部

Question

我想将<p>浮动到<div>的底部，但就我所知，我无法将父<div>设置为{{1} }}或position:relative没有弄乱我的布局，它使用了Compass的Susy框架。

我还能怎么做？

相关的HTML是：

position:absolute

相关的CSS是：

<header>
  <div class='grid'>
    <div class='logo'>
      <img src='/images/logo3.png'>
    </div>
    <div class='tagline'>
      <p>Fast Facts About Your Website, Your Competition, And Best Practice</p>
    </div>
  </div>
</header>

Answer 1

据我所知，您需要在<p>下面logo logo，以便在div <div style="clear: both;"></div> <div class='tagline'> <p>Fast Facts About Your Website, Your Competition, And Best Practice</p> </div> My Fiddle

之后清除您的问题

display: inline;

为什么使用浮动宽度？它需要如此准确吗？以及.logo和.tagline

中{{1}}的原因