股利不佔用整個空間

我有這樣的一段代碼，其中DIV男人不佔用整個高度available.It可能是一個基本的疑問，但因爲我是一個新手，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>

來源

2014-06-19 user2221214

請讓Jsfiddle。 –

刪除您的內聯樣式的絕對位置，並嘗試可能是有效的 –

刪除，使相應的內部DIV隱形 – user2221214

看看DEMO

您需要添加更多的CSS規則在你的風格。

.ui-tabs{ 
      position:static; 
     }

來源

2014-06-19 07:25:48

完美。非常感謝你 – user2221214

添加以下樣式導航欄的div將做的工作：

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

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

來源

2014-06-19 07:12:51 HandsomeG

感謝您的嘗試，但它沒有工作。您可以看到，在演示本身 – user2221214

對不起，我想我用我的更改更新了小提琴。這裏是更新的http://jsfiddle.net/7tGTw/1/ – HandsomeG

股利不佔用整個空間

回答

相關問題