股利不占用整个空间

我有这样的一段代码，其中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

股利不占用整个空间

回答

相关问题