20ページのグリッドにフルサイズとフルハイト、流体が入るようにしようとしています。CSS:流体フルページグリッドを実現しようとしています(スクロールが必要ありません)
これまでのところ、20項目、全幅、流体でページを構成しました。残念ながら、グリッドのコンテンツは、ナビゲーションバーの高さ(80ピクセル)だけ押し下げられています。私は今垂直スクロールを排除することができる唯一の方法は、具体的には、ナビゲーションバーの負の高さによってグリッド部をオフセットすることによってである:
.negative-navbar-offset {
margin-top: -80px;
}
この方法の明らかな問題であることをそれぞれの頂部最初の行の項目がナビゲーションバーの背後に隠れてしまっています。
問題のページはここで見ることができます:http://159.203.231.192/about/
これまでのところ、私が試した:
- HTML、ボディ= 100%に
- グリッド100VHのコンテナと100vw
- calc(100%〜80px)のグリッドコンテナ。
ヘルプ/ガイダンスをいただければ幸いです。ありがとうございました。 0: