javascript - 单选按钮正确删除

Question

我有两个带有下拉菜单的单选按钮，我需要将下拉菜单下拉与第二个单选按钮并行，当我们添加到 css 代码时以下它的工作，但这不是一个好的解决方案，因为如果我已经带有其他控件的更大页面这可以覆盖它们

#__box0 {
  margin-top: 20px;
  margin-left: 20px;
}

还有另一种方法可以用 CSS 实现吗？ http://jsbin.com/ziziqeyopu/edit?css,js,outputHtml 在renderer 方法

中呈现

这是 SAPUI5 http://openui5.org/ 代码，但对于这个问题不相关，因为renderer与纯html/css有关...

我已经尝试过以下方法，但没有用。

.mylist-content>div:first-child {
  margin-right:30px
  margin-top:50px
}

.mylist-radiolist>DIV:last-child {
  margin-left: 30px;
  margin-top:100px;

}

Answer 1

如果你还没有弄明白，试试这个:

.mylist-content #__box0 {
  position: relative;
  top: 20px;
  left: 20px;
}

您在上面看到的应该与您的第一次尝试做同样的事情，但不会干扰您页面上的任何其他内容，方法是:

1. 通过 .mylist-content 范围限制向 CSS 规则添加额外的应用程序限制(尽管从理论上讲这不是必需的，因为 #__box0是一个 ID，在页面上应该是唯一的。
2. 在不影响任何其他元素的情况下移动下拉列表的位置 - 这是通过 position: relative 和相应的顶部和左侧偏移完成的。

在不了解 SAP UI 和/或您的具体情况的情况下，我怀疑有人能够为您提供更合适的答案。