相关疑难解决方法(0)

JQuery-Mobile内容区域头部和脚部之间的高度为100%

关于这一点的很多主题......但没有说明如何做到这一点.

我有我的JQM页眉和页脚.我希望内容区域填充头部和脚部之间的100%高度.

那是我的代码,怎么可能?

<body>
        <div data-role="page" id="entryPage" data-theme="d">

        <div data-role="header" id="header" data-position="fixed" data-theme="d">
            <h1>Page Title</h1>
        </div><!-- /header -->

        <div data-role="content" id="content" data-theme="d">

             <div id="columnwrapper">
                <div id="leftcolumn">
                    <div class="innertube">
                        Point 1
                    </div>
                    <div class="innertube">
                        Point 1
                    </div>
                </div>
            </div>

            <div id="rightcolumn">
                <div class="innertube">
                    <div id="switch1">
                        test
                    </div>
                </div>
                <div class="innertube">
                    test2
                </div>

            </div>

            <div id="contentcolumn">
                <div class="innertube">Content</div>
                <div class="innertube">Content</div>
            </div>

        </div><!-- /content -->
        <div data-role="footer"  id="footer" data-position="fixed" data-theme="d">

            <div id="switch2">
                <a href="#foo" data-role="button" data-icon="arrow-u">Expand main menu</a>
            </div>

        </div><!-- /footer -->
    </div><!-- …
Run Code Online (Sandbox Code Playgroud)

height header footer jquery-mobile

18
推荐指数
1
解决办法
4万
查看次数

标签 统计

footer ×1

header ×1

height ×1

jquery-mobile ×1