2

午前中ずっとこれに頭をぶつけて（ほぼすべての可能な組み合わせを試してみました）、私はまだこれを理解できません。

pure-u-1-22 つの要素が互いに重なり合っているのはなぜですか? デスクトップ上の Chrome でテストされ (他のブラウザを使用して検証済み)、pure-u-5-6それらが含まれる要素の幅は 1000px ですか?

<div class="pure-g-r">
  <div class="pure-u-1-12"></div>
  <div class="pure-u-5-6">
    <div>
      <div class="pure-g">
        <h1>Photo Albums</h1>
        <div class="pure-u-1-2">
          <img src="/redacted-url">
        </div>
        <div class="pure-u-1-2">
          <p>Why is this text below the image?</p>
        </div>
      </div>
    </div>
  </div>
  <div class="pure-u-1-12"></div>
</div>

またCtrl+Shift+C、デバッグ モードに入ると、2 つの要素が適切な幅に設定されていることを確認できます。pure-u-1-2

4

1 に答える 1