【问题标题】:container re-size to window容器重新调整大小到窗口
【发布时间】:2012-06-20 19:23:49
【问题描述】:

如何制作一个 100% 的浏览器窗口高度减去顶部和底部 20 像素的容器 div?这样顶部/底部始终有 20 的边距,并且永远不需要滚动条。在 CSS 中?

谢谢!

【问题讨论】:

    标签: css


    【解决方案1】:

    您可以将 div 设置为 position: absolute,然后将 top 和 bottom 设置为 20px。看到这个小提琴:http://jsfiddle.net/b3kW3/

    【讨论】:

    • 如果内容高于视口,它将越过它。我不确定这是否是他想要的。使用overflow: hidden;
    • 感谢您的快速回复。它有点工作,但它需要居中,我需要摆脱那个滚动条。所以到目前为止我得到了这个:
    • 什么需要居中?出现滚动条是因为您已将 960px 的宽度设置为 #full。
    猜你喜欢
    • 1970-01-01
    • 2012-10-29
    • 2018-09-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多