如何在另一個頂部放置div

我想將div放在另一個頂部。我創造了一個小提琴。我有三個div。每個div都包含一個圖像。我想定位div，以便具有最大圖像的div位於底部，並且具有最小圖像的div位於頂部。如何在另一個頂部放置div

只要把IMG {位置：絕對的; } – hjpotter92 2012-04-02 07:00:57

您是否需要計算圖像大小，並根據它來定位它們或什麼？ – Starx 2012-04-02 07:24:39

使用位置。

使用下面的CSS

#page-left { 
float: left; 
margin:5px; 
} 

#page-right { 
float: left; 
margin:5px; 
} 

#largest { 
position: absolute; 
    z-index: 1; 
} 
#medium { 
position: absolute; 
    z-index: 2; 
} 
#smallest { 
position: absolute; 
    z-index: 3; 
}

http://jsfiddle.net/sannankhalid/sc8qE/

來源

2012-04-02 07:10:28

你的回答很好，因爲你已經很好地定義了z-index值，如果somenbdy想要了解z-index的使用，他們可以很容易地理解gud的工作.... @ Khali – 2012-04-02 09:23:25

只要使用此：

#page1 div { 
    position:absolute; 
}

演示：http://jsfiddle.net/ZwyTY/

來源

2012-04-02 06:59:47 stewe

你不能只是改變div的順序？無論是那個還是以相對位置爲目標。

來源

2012-04-02 07:05:04 UniAvenger

只需使用position : absolute;

#largest, #medium, #smallest{ 
    position: absolute; 
}

http://jsfiddle.net/w4WBk/

如果你想改變的頂部隨之而來的訂單，你可以使用z-index

來源

2012-04-02 07:07:05 blackpla9ue

您可以使用z-index & position: absolute治療的元素作爲圖層。但是，按照您的要求和元素順序，一個簡單的position: absolute是絕對的用z-index足夠

#page1 div { 
    position:absolute; 
}

來源

2012-04-02 07:07:27 Starx

只能定義絕對位置到主的div會自動調用圖像作爲orderd或在你的HTML這裏的編碼是沒有必要使用根據當前您的要求，在您的CSS中z-index。

CSS

#page1 div { 
position:absolute; 
}

但是如果你會改變的順序＃最大，＃中，＃最小的div在你的HTML代碼比你必須定義封面Z-index屬性了圖片如下： -

HTML

<div id ="page1"> 
      <div id = "smallest"> 
       <img src="http://ssl.gstatic.com/android/market/pongoproductions.Brad_Pitt_100100/hi-256-0-acd81f6f98299f7b230fc5014a9eb18c536adc8a"/> 
      </div>         
      <div id = "medium"> 
       <img src="http://www.picgifs.com/celebrities/b/brad-pitt/celebrities-brad-pitt-179755.jpg"/> 
      </div>    
      <div id = "largest"> 
       <img src="http://www.moviespad.com/photos/brad-pitt-poster-392f6.jpg"/> 
      </div> 
     </div>

CSS

#page1 div { 
position: absolute; 
} 

#largest { 
    z-index: 1; 
} 
#medium { 
    z-index: 2; 
} 
#smallest { 
    z-index: 3; 
}

http://jsfiddle.net/9cg3h/

來源

2012-04-02 09:29:14

如何在另一個頂部放置div

回答

相關問題