这是我第一次尝试 position: absolute 并且我不确定这是否是获得我想要的结果的正确方法。我想要的结果是我的网页填满浏览器分辨率的整个高度和宽度。我想要类似于 http://getbootstrap.com/ 的设计，其中:
自举
时尚、直观且功能强大的移动优先前端框架，可实现更快、更轻松的 Web 开发。
我查看了源代码，似乎他们使用:
*, *:before, *:after {
-moz-box-sizing: border-box;
}
但我很难做到正确，在我的代码中，只有当我向其中添加内容时，该部分才会扩展，但我移动部分元素(智能手机摄影和消息)，它会跳过它。任何人都知道像 bootstrap 网站那样的设计会很棒。我认为标题很好，中间的内容空间可以自由移动底部的元素和页脚。谢谢!
最佳答案
在这种情况下有两件事要做:
1) 应用粘性页脚 -- great solution for this is here
2) 居中 部分 垂直 -- here is an answer to this problem
这是您更新的 jsfiddle
关于html - 如何在一个部分或 div 中自由移动元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18832832/