0

これについてはおそらく何千もの質問があることに気づきましたが、それらの多くを閲覧しましたが、満足のいく解決策は思いつきませんでした. 誰かが私が何をすべきかについての洞察を提供できれば、本当に感謝しています。URL はhttp://www.ouranthology.com (インデックス ページ)です。ご覧の
とおり、コンテンツは完全に白い背景の上に流れています。float:right と clear:both を適切なセクションに追加しようとしましたが、役に立ちませんでした。そのため、コーディングは最初の場所に戻り、多くの < P > タグが空白を作成しています。

ありがとうございました！

4

2 に答える 2

2

スタイルが原因です

.post {
  position: absolute;
  top: 590px;
  font-family: Georgia, "Times New Roman", Serif;
}

絶対配置ではブロックがフローから除外されるため、その親はレンダリングのためにブロックを子としてカウントしません。これを position:relative に変更すると、質問の問題が修正されます。

もう少し先に進むには、ピクセル ポジショニング (top:590px;) を使用しないように最善を尽くしてください。通常のフローを使用して配置するだけで、目的の外観を得ることができるはずです。これにより、レイアウトの変更に対する回復力が大幅に向上します。

また、あなたの構造はかなり奇妙に見えます。そうですか

<div class="container">
  <div class="content">
    <div class="post">
      <div class="post-title"></div>
      <div class="post-author"></div>
      <div class="post-excerp"></div>

      <div class="post-title"></div>
      <div class="post-author"></div>
      <div class="post-excerp"></div>

      <div class="post-title"></div>
      <div class="post-author"></div>
      <div class="post-excerp"></div>

私は期待したい

<div class="container">
  <div class="content">
    <div class="post">
      <div class="post-title"></div>
      <div class="post-author"></div>
      <div class="post-excerp"></div>
    </div>

    <div class="post">
      <div class="post-title"></div>
      <div class="post-author"></div>
      <div class="post-excerp"></div>
    </div>

    <div class="post">
      <div class="post-title"></div>
      <div class="post-author"></div>
      <div class="post-excerp"></div>
    </div>

あるいは

<div class="container">
  <div class="content">
    <article class="post">
      <div class="post-title"></div>
      <div class="post-author"></div>
      <div class="post-excerp"></div>
    </article>

    <article class="post">
      <div class="post-title"></div>
      <div class="post-author"></div>
      <div class="post-excerp"></div>
    </article>

    <article class="post">
      <div class="post-title"></div>
      <div class="post-author"></div>
      <div class="post-excerp"></div>
    </article>
于 2013-02-10T20:03:10.417 に答える
0

投稿に従って白い背景を長くしたい場合は、クラスで
試し てください。Position:Relativepost

于 2013-02-10T19:48:08.310 に答える