-3

何が起こったのかわかりませんが、突然ページが下にスクロールして残りのコンテンツを表示できなくなりました...

それをチェックしてください：www.guestinnation.com/hotels.html

要素の検査機能を使用してわかるように、div は表示よりもはるかに長くなっています...

この前は、ページの div の高さを設定して60%、overflow:scroll を使用していましたが、単純にホームページのようにしたいと判断したためheight=60%、overflow:scrollをキャンセルしましたが、最終的にはご覧のとおり...

前もって感謝します！

4

3 に答える 3

2

編集済み

css の 2 つの位置を変更します。

#main{
  position: relative; // change it from fixed
}
#menumain2 {
  position: absolute; // change it from fixed
}
#menumain {
  position: absolute; // change it from fixed
}
于 2013-03-28T08:40:26.953 に答える
1

これを行う ：

#main
{
   position: relative;
}
#menumain
{
   position: absolute; 
}
#menumain2 
{
   position: absolute;
}
于 2013-03-28T08:43:43.043 に答える
1

position: fixed;メイン コンテンツを中央に配置していたため、ページ スクロールがなくなりました。これは、要素がブラウザ ウィンドウに対して相対的に配置されることを意味します。

モックアップのためにそのようなものを試してください。

<body>
      <div id="wrapper">
            <header></header>
            <div id="main"></div>
            <footer></footer>
      </div>
</body>

.wrapper{
      margin: 0 auto;
      position: relative /* Just in case */
      width: 960px; }

それが私が始める方法です。

または、Web サイトの開始に問題がある場合は、いくつかの HTML スターター パックを試してみてください。Web にはそれらがあふれています。

于 2013-03-28T08:46:57.367 に答える