如何修复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的右下角？（小提琴）