css - Clearfix 不适用于响应式骨架

Question

我为我的网站使用了响应式骨架框架(样板)(您可以从这里获取它:http://www.getskeleton.com/)。

我有 <ul>列出具有不同高度的列。要清除嵌套列，CSS 表示我需要将 .clearfix类到父元素。

我已经尝试放置该类，但它不会清除嵌套的列。因为我正在使用 <ul>列出元素，我不能把或放在<ul>里面元素。

有什么解决办法吗？

我的html代码:

    <ul class="container">
      <li class="one third columns alpha">a</li>
      <li class="one third columns">b</li>
      <li class="one third columns omega">c</li>
      <li class="two thirds columns alpha">d</li>
      <li class="one third columns omega">e</li>
    </ul>

在 Skeleton CSS 中，第一列的高度为 500px，然后 (d) 和 (e) 列应该移至底部/第二行，或者换句话说，我需要清除嵌套的列。

我想再放一个空的 <li class="clear"></li>任何时候我移动到另一行并且它有效但我正在寻找替代解决方案。比添加一个空的 <li> 更合适的东西

谢谢。

Answer 1

尝试在标签中添加 style='clear:both;' 而不是 class='clearfix'

根据我的经验(一种常见的 CSS 实践)，很多时候这就是所谓的“clearfix”类所做的事情。由于某种原因，您的代码可能没有在样式表中找到该类，因此这只是一个快速的猜测/修复。