2014-10-07 41 views
0

调整所以我有一个容器事业部:百分比宽度,但不与父母

#container{ 
    width: 1000px; 
    } 

和(格)

#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

+0

你可以设置容器宽度为100%..? – Nadeeth 2014-10-07 01:43:39

+0

只需用'position:relative;'替换'item'css;显示:块;宽度:65%; margin:auto;' – Ahmad 2014-10-07 01:45:41

+0

@Nadeeth是的,但这并不能解决问题。 – ares94 2014-10-07 01:47:15

回答

0

如果你想那么一个固定的像素值继续使用了650像素。百分比过去是动态的,从它自身的百分比来看,百分比维持比率,而不是特定的维度。

+0

我想我必须找到解决办法。 – ares94 2014-10-07 02:19:00