css div定位

Question

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

另外，我想问一下:

1. 什么时候才是正确的思维方式 构建 html div - 预先限制 div 的大小并覆盖:隐藏它是 contect - 或者 - 让内部 div 插入父级并因此调整它的大小。

2. div 的首选度量是什么，以便它最适合不同的分辨率？ rems/百分比？

谢谢。

Answer 1

包装器应该是内容的容器

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

我让页脚与 wrapper 的底部对齐，如果您想将顶部移到外面也可以，但请记住，您还必须调整底部填充以补偿其高度。

在这里查看 jsFiddle:http://jsfiddle.net/F577v/9/

回答您的问题:

1. 视情况而定，我将始终尝试允许内容调整 div 的大小 - 但我确保我有填充和边距以反射(reflect)设计。

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