Div：百分比宽度，但不会随父级调整大小

Question

所以我有一个容器

   #container{
     width: 1000px;
   }

一个项目（div）

   #item{
     width: 65%;
     margin: 0 auto;
   }

然后我把物品放入容器

   <div id="container">
     <div id="item"></div>
   </div>

当我调整浏览器大小时，容器是最大的div，所以它被调整大小。但“项目”也是如此。 如果我把宽度：650px; 而不是宽度：65％，我得到我需要的东西：当我调整浏览器大小时，项目不会调整大小。 问题是我想把它保持为百分比。

我需要在调整浏览器大小时不调整项目的大小，并且项目必须具有固定的px值。我怎么能这样做？

我不想要的 1 http://i59.tinypic.com/30wm5ms.jpg 我想要的是 1 http://i61.tinypic.com/280ux3r.jpg

Answer 1

如果你想要一个固定的px值，那就继续使用650px。百分比用于动态，从术语“自身百分比”开始，维持RATIO而非特定维度。