如何在section或div中自由移动元素？

Question

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

自举

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

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

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

但我很难把它弄好，在我的代码中，只有当我添加内容时，该部分才会展开，但我会移动部分元素（SmartPhone Photography和消息），它会跳过它。任何人都知道像bootstrap网站那样的设计会很棒。我认为标题很好，中间的内容空间可以自由地在底部移动元素和页脚。谢谢！

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

Answer 1

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

1）应用粘性页脚 - great solution for this is here

2）居中 section 垂直 - here is an answer to this problem

这是您更新的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/