2013-09-29 48 views
1
<body> 
    <div id="container"> 
     <div id="inside"> 
     </div> 
    </div> 
    <div id="special-div"> 
    </div> 
<body> 

我需要我的special-div外容器的一些JS考慮修復div的位置體內

#inside{ 
    margin:auto; 
    width:760px; 
} 
#special-div{ 
    position:relative; 
    top:200px; 
    left:300px 
} 

通過上述CSS,在瀏覽器的大小改變special-div變化與變化的位置? 那麼,無論瀏覽器大小如何,我如何修復special-div的位置?

回答

4

然後您可以使用position: absolute;而不是position: relative;並且還必須定義寬度和/或高度。

#inside{ 
    margin:auto; 
    width:760px; 
} 
#special-div{ 
    position:absolute; 
    top:200px; 
    left:300px; 
    width: 100%; 
} 

如果定義父DIV爲position: relative;那麼你絕對定義的div將工作,如下圖所示

enter image description here

picture source

+0

..和再申請一些固定的'width' /'高度'到特別格。 – avrahamcool

+0

special-div不能具有固定的寬度,因爲內容是動態的。 –

+0

位置:相對也給出相同的結果。 –