Question

我有这个确切的代码，但div仍然相互堆叠。我已经查找了类似的问题，但是在所有这些问题中，有明显的理由说明为什么div不是并排的。我只是想不通为什么这不起作用

      <div class="pure-g-r">
        <div class="pure-u-1-2"><h2>hello</h2></div>
        <div class="pure-u-1-2"><h2>hello</h2></div>
      </div>

有什么建议吗？

Answer 1

似乎pure已删除了“grid-g-r”部分，因此如果我指定屏幕分辨率，“grid-g”将会执行。

这有效：

<div class="pure-g">
  <div class="pure-u-1 pure-u-md-1-2"><h2>hello</h2>
  </div>
  <div class="pure-u-1 pure-u-md-1-2"><h2>hello</h2>
  </div>
</div>

pureio pure-u-1-2并排排列

1 个答案: