將頁腳分為文本框和小按鈕，Corodova Android應用

Question

我正在設計一個包含頁腳的頁面，該頁腳包含長文本框（取決於移動設備）和與之相鄰的按鈕，該文本框將保持固定狀態，而無需考慮移動設備。

以下是代碼：

<div data-role="footer" data-position="fixed"
            data-theme="e" style="position: fixed;" class="ui-grid-a">
            <div class="ui-block-a">
            <input type="text" id="addComment" name="addComment" data-inline="true"></div>
            <div class="ui-block-b">
            <a href="#" data-rel="popup"  class="ui-btn ui-mini ui-btn-inline ui-icon-check ui-corner-all ui-btn-icon-notext" style="float:right;"></a>
            </div>  
        </div>

我們可以操縱ui-block-a寬度來捕獲寬度的80％，而僅為按鈕保留20％的寬度嗎？ 還是還有其他可能性？

我想在查看評論或添加評論時使頁腳的外觀類似於instagram。

Answer 1

用這個

<div class="ui-block-a" style="width:80% !important">

jsFiddle