[问题] 排版的问题

楼主: 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会不会怪怪的谢谢
作者: oToToT (屁孩)   2015-02-28 00:22:00
你可以用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

Links booklink

Contact Us: admin [ a t ] ucptt.com