jquery - 相对位置和左右属性一起不起作用，只有左边起作用

Question

我正在使用这个树形网格指令 github.com , 下面的 css 直接取自这个库。

.tree-grid .level-2 .indented {
    position : relative;
    left     : 20px;
}

<td><a ng-click="user_clicks_branch(row.branch)"><i ng-class="row.tree_icon" ng-click="row.branch.expanded = !row.branch.expanded" class="indented tree-icon"></i></a><span class="indented tree-label tree-grid-row level-2>
             Citi Corporate and Investment Banking</span>
            </td>

我遇到的问题是 td 内的跨度溢出并显示在下一列中，为此我需要添加 right:20px，但它不起作用。

这个问题有什么解决办法吗 plnkr.co

Answer 1

听起来您正在尝试为 span 元素添加边距。为此，请使用 margin-right 和 margin-left 属性。

同时使用left 和right 是没有意义的。您只能相对于父框元素的一个垂直边和一个水平边进行定位。