如何修復div到另一個div的右下角？（小提琴）

找不到與我的問題完全相關的主題。如何修復div到另一個div的右下角？（小提琴）

我有這兩個div，DEMO here：

<div id="green"></div> 
<div class="tab">Tab</div>

我想要的標籤被固定在綠格的右下角，在一個特定的位置：從頂部

0像素距離綠色的div（我認爲它是默認的），

和50px距離綠色div的右邊緣。

CSS：

#green { 
    width:1020px; 
    height:200px; 
    background:green; 
} 

.tab { 
    background-color: #EEE; 
    width: 150px; 
    height: 15px; 
    border-bottom-left-radius: 1em; 
    border-bottom-right-radius: 1em; 
    text-align: center; 
    color: black; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: .77em; 
    padding-top: 3px; 
    position: absolute; 
    right: 465px; 
    border: 1px solid #E9E0E1; 
    border-top: 0; 
}

在你可以看到，一旦調整窗口的大小，標籤正在遠離的演示。我居然發現了這一點，同時瀏覽我的測試頁面，我的iPhone，因爲我所有的桌面瀏覽器窗口被最大化，所以我甚至不能注意到它...

來源

2014-09-22 rockyraw

只需使用left:0px;

檢查更換您right財產在DEMO

來源

2014-09-22 19:39:26 Kamil

我不知道它是如何工作的演示，但在我的完整的網站它不工作。你能解釋一下從右到左改變這個意思嗎？ – rockyraw 2014-09-22 19:55:04

嘗試將這兩個框放入另一個框中（如'.wrapper'）並將'position：relative'屬性設置爲此。這裏是完整的代碼 - > [DEMO]（http://fiddle.jshell.net/vfrL7qub/6/） – Kamil 2014-09-22 19:59:08

謝謝！與包裝一起工作..這是什麼解釋？ – rockyraw 2014-09-22 20:35:32

更新小提琴這裏：https://jsfiddle.net/vfrL7qub/9/

包住兩個div與position:relative一個div容器。

爲了您的標籤中，位置

top:0; 
margin-right:50px;

來源

2015-04-22 20:22:08 dwehrmann

啊，你想在_bottom_右邊的選項卡。新的小提琴在這裏：https://jsfiddle.net/vfrL7qub/10/ – dwehrmann 2015-04-22 20:25:27

如何修復div到另一個div的右下角？ （小提琴）

回答

相關問題

如何修復div到另一個div的右下角？（小提琴）