[問題] 排版的問題 PowerKid PTT批踢踢實業坊

[問題] 排版的問題

作者: PowerKid (暴力小孩) 2015-02-27 22:42:22

https://dl.dropboxusercontent.com/u/75576035/test.html
這是我目前的排版
我想要NAV 跟 FOOTER 固定在上下方
中間的內容會有捲軸上下顯示
但是目前出現一個問題就是container的內容會被nav 跟footer蓋住..
如果要看到必須縮小解析度..
不知道怎麼解決這個問題
謝謝

作者: ymcheung (ymc) 2015-02-27 22:59:00

container用padding，上下的padding超過nav跟footer高度

作者: PowerKid (暴力小孩) 2015-02-27 23:30:00

問一下為什麼我用 height: 90%;還是會被蓋過去

作者: oToToT (å±å©) 2015-02-27 23:47:00

因為nav跟footer沒有實際高度...

作者: PowerKid (暴力小孩) 2015-02-28 00:10:00

我有給height:5%也沒用嗎..

作者: oToToT (å±å©) 2015-02-28 00:12:00

因為你設position:fixed或absolute後，它就會變飄浮在上面不佔整個html的寬高另外container的height:5%跟nav或footer的height:5%是依據

作者: PowerKid (暴力小孩) 2015-02-28 00:15:00

喔喔了解了所以如果照我想作的解法只有一樓那種嗎

作者: oToToT (å±å©) 2015-02-28 00:15:00

不同的東西來判斷高度，所以不是真的會剛好貼齊

作者: ymcheung (ymc) 2015-02-28 00:18:00

如果要讓內容完全不被蓋住 container要設定高度

作者: PowerKid (暴力小孩) 2015-02-28 00:19:00

可是設定高度如果要做rwd會不會怪怪的謝謝

你可以用media query去做動態調整

作者: PowerKid (暴力小孩) 2015-02-28 00:28:00

謝謝我會在練習請問一下我直接給container高度8OOpx還是會遮住耶.還是有其中置底跟置頂的方法嗎因為padding的方法版面縮小就又遮住了..謝謝

作者: iamnodoubt (Have Fun) 2015-02-28 03:34:00

你調padding的方法觀念沒通,那感覺就像在教室你(container)被坐在你前面的同學(nav)擋住,老師(user看不到你,所以你要往右挪移(padding or margin或是position:relative; top:30px類似的方式去位移

作者: ymcheung (ymc) 2015-02-28 16:51:00

800px是個絕對的高度螢幕不夠大就會超過所以可以設定 %或是vh

繼續閱讀

[請益] PDFLib jerry123789 [問題] MVC中，維持data consistent的責任在誰?Kenqr [問題] Bootstrap ->IE8 爆CPUNotte [問題] 安裝wordpress外掛網頁無法開啟aaa1 [問題] Wordpress可否新增地圖讓用戶標記anti56 [問題] 網址設定問題wangpipi [問題] wordpress增設模板屬性問題lmfao [問題] 和定位有關的CSS技巧vi000246 Re: [問題] WordPress + Bluehost/HostGator??pSeRiC Re: [問題] WordPress + Bluehost/HostGator??Neisseria