当父母不是位置时的定位：亲属

Question

我在父div中有一个按钮。我希望按钮位于div的右上方。

如果父div的CSS position设置为relative，我只需按下position: absolute和top: 0px以及right: 0px按钮或者沿着那些线的东西（右边实际上是基于按钮的大小动态的。）

问题是，有人做了div，它没有位置属性，我无法改变它的风格。我怎样才能将此按钮放在我想要的位置？

示例HTML：

<div id="someone_elses_div">
  <button id="my_button">Hello World</button>
</div>

Answer 1

您可以使用css calc()根据div的宽度计算按钮的左边距： FIDDLE

如您所见，几乎所有当前浏览器都支持calc()：CALC()

的CSS：

#someone_elses_div{
    background:red;
    height:100px;
    width:70%;
}
#my_button{
    width:100px;
    margin-left:calc(100% - 100px);
}

Answer 2

我不确定这是否会有所帮助，但由于无法单独访问，您是否无法更改父母的职位？如果是这样，你可以使用一些jQuery来添加位置。

$(document).ready(function () {
     $('#someone_elses_div').css({
          'position':'relative'
     });
});