Css 在jquerymobile中定位表单元素

Css 在jquerymobile中定位表单元素,css,forms,layout,jquery-mobile,Css,Forms,Layout,Jquery Mobile,我不熟悉jQuery移动表单和CSS。我已经构建了一个包含在div中的jQuery移动表单,并且我希望能够使用来调整表单元素的位置,但是到目前为止我没有任何运气。下面我尝试使用CSS将“提交”按钮与容器底部对齐,但没有成功。有谁能提出一个好方法来做这件事吗 #提交按钮{ 位置:绝对位置; 底部:0%; 宽度:50px; } 选择标签: 项目1 项目2 项目3 项目4 选择 文本区域标签: 提交 JQM更改html并将大量类应用于原始按钮。如果你检查这个元素,你会发现它看起来完全不同。你可

我不熟悉jQuery移动表单和CSS。我已经构建了一个包含在div中的jQuery移动表单,并且我希望能够使用来调整表单元素的位置,但是到目前为止我没有任何运气。下面我尝试使用CSS将“提交”按钮与容器底部对齐,但没有成功。有谁能提出一个好方法来做这件事吗


#提交按钮{
位置:绝对位置;
底部:0%;
宽度:50px;
}
选择标签:
项目1
项目2
项目3
项目4
选择
文本区域标签:
提交

JQM更改html并将大量类应用于原始按钮。如果你检查这个元素,你会发现它看起来完全不同。你可以用另一个div来包装按钮并定位该div,而不是玩JQM创建的太多东西

<div id="submitBtnWrap">
    <button id="submitButton" class="ui-btn-top" type="button" data-theme="a" name="Publish" value="Upload">Submit</button>
</div>
<div id="submitBtnWrap">
    <button id="submitButton" class="ui-btn-top" type="button" data-theme="a" name="Publish" value="Upload">Submit</button>
</div>
#submitBtnWrap {
    position: absolute;
    bottom: 0%;
    width: 50px;
}