css - css div定位

Question

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

另一方面，我想问：

1. 构建 html div 时正确的思维方式是什么 - 预先限制 div 的大小并覆盖：隐藏它是 contect -或者 - 让内部 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>

​</p>

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

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

回答您的 QN：

1. 根据具体情况，我将始终尝试允许内容调整 div 的大小 - 但我确保我有填充和边距来反映设计。

2. 我一直使用 px 计数来调整大小，并在 css 中使用媒体类型来补偿不同的分辨率

Answer 2

您可以使用 css 使其具有固定位置：

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