2014-10-07 64 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