css div定位

Question

嗨，这是一个快速的CSS 101， 我正在与对齐作斗争，也许有人可以提供帮助

另一方面，我想问：

1. 什么是正确的思考方式 构建html divs - 预先限制div的大小并覆盖：隐藏它的意思 - 或者 - 让内部div推动父级，从而调整它的大小。

2. 哪些措施更适合div，以便适合最佳的不同分辨率？ REMS / precents？

感谢。

Answer 1

包装器应该是内容的容器

<div id="wrapper"> 
<div id="top"></div>
    <div id="content"><p>content here</p></div>
</div>
<div id="footerbg"></div>

我将页脚按到包装外面的底部，如果你想将顶部向外移动也很好但是记住你必须调整底部填充以补偿它的高度。

请在此处查看jsFiddle：http://jsfiddle.net/F577v/9/

回答您的QN：

1. 取决于具体情况，我会一直尝试允许内容调整div的大小 - 但我确保我有填充和边距来反映设计。

2. 我一直使用px计数来调整大小并在css中使用media types来补偿不同的分辨率

Answer 2

您可以使用css：

使用固定位置

div {
   position: fixed;
   top: 400px;
   bottom: 0;
   left: 0;
   right: 0;
}