html - 如何在部分或 div 内自由移动元素？

Question

这是我第一次尝试这个职位：绝对，我不确定这是否是获得我想要的结果的正确方法。我想要的结果是我的网页填充了浏览器分辨率的全部高度和宽度。我想要一个类似于http://getbootstrap.com/的设计，其中：

引导程序

时尚、直观且功能强大的移动优先前端框架，可实现更快、更轻松的 Web 开发。

我查看了源代码，似乎他们使用：

*, *:before, *:after {
     -moz-box-sizing: border-box;
}

但是我很难做到正确，并且在我的代码中，该部分仅在我向其中添加内容时才会扩展，但是我将部分元素四处移动（智能手机摄影和消息），它会跳过它。任何人都知道像引导网站这样的设计会很棒。我认为页眉很好，中间的内容空间可以自由移动底部的元素和页脚。谢谢！

我的完整代码在这里：http: //jsfiddle.net/TheAmazingKnight/JWDGd/

Answer 1

在这种情况下，有两件事要做：

1）应用粘性页脚-很好的解决方案是here

2）垂直居中 -这是这个问题的答案section

这是您更新的jsfiddle

Answer 2

我认为你应该把它放到你的 CSS 中：

 position:absolute;
 top:90px;   /* you might change the value */
 left:100px; /* you may change the value, its like your x and y value */

Answer 3

最好的办法是为 div 添加拖动功能。您可以使用一些 javascript 库来执行此操作，例如：http: //jqueryui.com/draggable/