html页面的元素根据窗体大小缩放,html – 根据浏览器窗口大小使div增长和缩小...

我正在创建一个非常简单的html页面,并想知道如何为我的页面执行以下两项操作：

>我有一个容器div,并希望将容器div放在页面的中心.

>当我调整窗口大小时,容器div将增长和缩小.

我写了附加的代码,但容器总是粘在左边,当我调整窗口大小时它不会改变大小.

Demo

#nav

{

background-color: red;

float: left;

width: 200px;

position:relative;

}

#detail

{

background-color: green;

float : right;

width: 800px;

position:relative;

}

div.testDetail

{

margin-top:10px;

margin-left:20px;

margin-right:20px;

margin-bottom:10px;

}

#container

{

width:1000px;

position:relative;

}

---

• Tests

Title

Testing

---

我在这里错过了什么吗？任何帮助将不胜感激！

谢谢.