css - CSS中主div的正确宽度

Question

假设我想创建一个 HTML 页面，其中包含一个包含所有内容的主 div。 div 应该包含其他 div 并固定在页面的中心，如图中所示。

我应该如何指定宽度？在 % 值或 px? 值中，最佳做法是什么？ 正确的值应该是多少？ 如果之前已经介绍过，请抱歉......

图片在这里:

编辑 这么多好的答案......非常感谢你们

Answer 1

这完全取决于您要展示的内容以及您希望用它做什么。如果不需要扩展内容，或者希望将文本/设计限制在 DIV 的宽度内，则可以选择使用固定宽度布局。不过，您可能要考虑的一件事是使用百分比和固定宽度的组合。例如，您可以选择将 DIV 占页面的 95%，只要最小宽度不低于 700px，最大宽度不超过 950px。其结果是一个 DIV，它将在您指定的约束范围内扩展和收缩。

div#container { 
    width:95%; 
    max-width: 950px; 
    min-width: 700px; 
    margin: 0 auto 0 auto; 
}