让位置元素互相粘合

当窗口调整大小时，我希望位置元素在彼此之间流动，当窗口变小时，我的头部高度会增加。在菜单上点击元素时会显示一个子菜单，菜单会出现在主菜单下，当调整窗口大小时，它应该粘在标题底部。让位置元素互相粘合

我试图通过js检测屏幕大小并动态地改变顶部，但它突然在调整窗口大小时，顶部与它应该是什么不同，它成为窗口的中心...

自动HIGHT上没有这个版本的工作！当窗口更靠近和更大时，我想让绿条变成物品栏的下方。

2012-03-17 palAlaa

这不是一个定位，而是一个浮动问题。使用空<div>与clear:both在头（demonstration）：

<div id="container"> 
    <div id="header"> 
     <ul> 
      <li>item</li> 
      <li>item</li> 
      <li>item</li> 
      <li>item</li> 
      <li>item</li> 
      <li>item</li> 
     </ul> 
     <div class="clearfix"></div> 
    </div> 
    <div id="submenu"></div> 
</div>

#container{ 
    position:relative; 
    min-height:300px; 
    height:auto; 

    width:100%; 
} 

#header{ 

    width:100%; 
    min-height:80px; 
    height:auto; 
    background-color:red; 
    posistion:absolute; 
    top:0; 
    right:0; 

} 
#header ul{ 

    width:100%; 
    min-height:20px; 
    height:auto; 
} 
#header ul li{ 
    min-height:50px; 
    height:auto; 
    display:inline-block; 
    float:left; 
    width:200px; 
} 
#submenu{ 
    width:70%; 
    min-height:20px; 
    height:auto; 
    height:5%; 
    background-color:green; 
    posistion:absolute; 
    top:10%; 
    right:0; 

} 
.clearfix{clear:both;}

参见：

来源

2012-03-17 09:43:48 Zeta

让位置元素互相粘合

回答

相关问题