浮動一個div，不影響設計

Question

我想浮動一個div在我的頁面頂部的權利。它包含一個50像素的正方形圖像，但目前它會影響頁面頂部50像素的佈局。

目前其：

<div style="float: right;"> 
    ... 
</div> 

我試過的z-index，因爲我以爲這將是答案，但我無法得到它去。

我知道這是簡單的我很想念，但我只是不能釘它。

Answer 1

你是什麼意思的影響？內容將圍繞一個浮動。這就是他們的工作方式。

如果你希望它出現在您的設計上面，嘗試設置：

z-index: 10; 
position: absolute; 
right: 0; 
top: 0; 

Answer 2

嘗試將其position設置爲絕對值。這將它從文檔流中取出。

Answer 3

如果你不想要的形象影響到所有的佈局（與漂浮在其他內容的頂部），您可以申請以下CSS到圖像：

position:absolute; 
right:0; 
top:0; 

如果你想讓它漂浮在一個特定的父節的右側，你可以添加position: relative該節。