divがビューポート全体を占めていることを確認してください

私は、ビューポート全体のサイズである "コンテナ" IDを取得しようとしています。これはスクロールしないで#containerのすべての項目がページ内に収まるようにdivです。 height: 100%をhtml、body、#containerにすると思います。

.thirdwidth要素の高さは（あなたが要素を検査した場合、.thirdwitdh要素が#container外に出ることが表示されます）完全なビューポートのものである、とだけ#containerのdivの下に拡大されていないこと、しかしそうです

これはなぜ起こっているのですか？スクロールせずにセクション0-3のすべてをページに収めることができるようにしたいと思います。

静的なサイトの場合は、試行錯誤して画面の正確なサイズを確認してください。しかし、これは他の画面解像度のスクロールに影響します！ –

これをチェックしてください[SIMILAR QUESTION]（http://stackoverflow.com/questions/18934141/set-div-height-to-fit-to-the-browser-using-css） –

100% viewportの高さを達成するには、100vhを試すことができますが、なぜ絶対位置に配置していますか？

body { 
    margin:0; 
    padding:0; 
} 

#container { 
    height: 100vh; 
    width: 100%; 
    position:relative; 
    overflow:hidden; 
}

2016-06-27 04:17:53 frnt

高さは 'vh'とは何ですか？プロパティ？ –

@GSURENDARTHINA： 'ビューポートの高さ'と**ビューポートの幅の** vw ** – Abbr

@GSURENDARTHINAはビューポートの高さです。 – frnt

この回答のため@Abbrのおかげで設定し、原因gameinfo idは、親のdivの20％であるという事実に

（それはコメントの中に隠されていないので、私は、スタンドアロンの答えを投稿だろうと思いました） .thirdwidth列を100％の高さに設定してページ全体を120％にする

.thirdwidthのheightをCSSで80％に修正しました。

2016-06-27 04:44:58

答えて