Div不占据整个空间

Question

我有这段代码，其中div男人并没有占据整个身高。这可能是一个基本的疑问，但因为我是新手PLZ帮助我 JSFiddle http://jsfiddle.net/7U3aX/

        <div data-role="navbar">

            <ul>
                <li><a href="#men" data-ajax="false">Men</a></li>
                <li><a href="#women" data-ajax="false">Women</a></li>
                <li><a href="#kids" data-ajax="false">Kids</a></li>
            </ul>

        </div>

        <div id="men" style=" width:100%; height:100%; position:absolute"  >


            <div id="men_Promotion" style=" height:34%; background-color: green" >

            </div>
            <div id="men_Category" style=" height:33%; background-color: black" >

            </div>
            <div id="men_BrandPromo" style=" height:33%; background-color: blue"  >

            </div>

        </div>

Answer 1

将以下样式添加到导航栏div将完成此任务：

<div data-role="navbar" style=" z-index: 1; position: absolute; ">

小提琴？ http://jsfiddle.net/7tGTw/

Answer 2

查看 DEMO

您需要在风格中添加One More Css规则。

 .ui-tabs{
            position:static;
        }