Jquery 使用右侧的固定元素集自定义列表项

我正在尝试自定义列表项的布局。 在右边，我想保留一组2个按钮（编辑、删除）和一个复选框（启用）。 在左侧的剩余区域中，应填充描述性内容。 像这样

[-----------尺寸调整区域-----------------][固定宽度]

我尝试了ui网格布局，但我只能定义宽度的比率，例如80%-20%

<ul data-role="listview">
    <li>
        <div class="ui-grid-c">
            <div class="ui-block-a" style="width:60%;">
                content                   
            </div>
            <div class="ui-block-b" style="width:20%;">
                <input id="enable1" type="checkbox" value="true" class="custom"/><label for="enable1">Enabled</label>
            </div>
            <div class="ui-block-c" style="width:10%;">                        
                <a id="edit1" href="" data-role="button" data-icon="gear" data-iconpos="notext">Edit</a>
            </div>
            <div class="ui-block-d" style="width:10%;">
                <a id="delete1" href="" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
            </div>
        </div>
    </li>
</ul>

内容
启用

根据请求，使用JSFIDLE编写代码：

---

我想出了解决这个问题的办法。 基本上，我在一个单独的div中添加了内容，并在一个div中添加了3个动作，分别是

float:right

和一个ui网格-。为了正确地垂直对齐，我添加了一些边距

我调整了样本，将原始代码保留在顶部，新代码保留在下方。

---

我知道，所有的样式属性都应该移到css中来清理。但是我将把这留给读者。

请发布相关的代码扫描，您可以创建一个JSFIDLE来说明问题所在。从您当前的html的css是失踪的，所以我不能重述什么是错的。

<ul data-role="listview">
    <li style="height:28px;">
        <div>adjusted content</div>
            <div class="rightbuttons">
            <div class="ui-grid-a">
                <div class="ui-block-a" style="width:62%;">
                    <label data-inline="true"><input type="checkbox" data-inline="true" />Enable</label>
                </div>
                <div class="ui-block-b" style="width:38%; margin-top:5px;">
                    <a id="edit1" href="" data-role="button" data-icon="delete" data-iconpos="notext" data-inline="true">Delete</a>
                    <a id="delete1" href="" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-inline="true">Edit</a>
                </div>
            </div>
        </div>
    </li>
</ul>

.rightbuttons {
    float:right;
    width:210px;
    margin-top:-36px;
}