Div的位置不固定在不同的屏幕尺寸

我爲我的WordPress站點使用Twitter Bootstrap。問題是我只是將一個div製作成右側欄，並在其上放置了一些圖像，這似乎在我的桌面上運行良好，但是當我在筆記本上查看它時，它會更改其位置並向下移動。Div的位置不固定在不同的屏幕尺寸

這裏是我的div和形象展示位置代碼：

<div style="position:fixed; top:188px; right:0px; border:0px solid #f00; width:25px;"><a href="#"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/delhi.jpg" style="margin-bottom:5px;"></a> 
<a href="#"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/noida.jpg" style="margin-bottom:5px;"></a> 
<a href="#"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/jaipur.jpg" style="margin-bottom:5px;"></a> 
<a href="#"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/chennai.jpg" style="margin-bottom:5px;"></a> 
</div>

來源

2012-10-29 Manindra Singh

你爲什麼不給右上方寬度％，而thyan以像素爲單位給予？ –

仍然不工作的傢伙.......我無法理解爲什麼?? plzzz幫助我 –

@馬欣德拉辛格：嘗試位置：絕對，而不是位置：固定 –

五月這種做法會有所幫助，如果我想使用純CSS，這將是財產以後這樣的：

HTML：

<div class="sidebar"> 
    <div class="box">Your anchor tags here</div> 
</div>

CSS：

html, body { 
    height: 100%; 
} 

div.sidebar { 
    position:fixed; 
    right: 0px; 
    width: 25px; 
    height: 100%; 
    border: 1px solid blue; /* just for developing, remove this later */ 
} 

div.box { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    right: 0; 
    left: 0; 
    margin: auto; 
    border: 1px solid #f00; /* depends on you ;) */ 
    height: 100px; /* unfortunately you have to set height property :| */ 
}

一個活生生的例子here）

來源

2012-10-29 13:16:45

thieks evryone幫助我....我現在解決了.......我isssue是與bootstrap阿爾圖像自動調整大小根據屏幕大小，因爲他們是響應式設計通過靴子和div我放置沒有改變根據那.... –

Div的位置不固定在不同的屏幕尺寸

回答

相關問題