讓位置元素互相粘合

當窗口調整大小時，我希望位置元素在彼此之間流動，當窗口變小時，我的頭部高度會增加。在菜單上點擊元素時會顯示一個子菜單，菜單會出現在主菜單下，當調整窗口大小時，它應該粘在標題底部。讓位置元素互相粘合

我試圖通過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

讓位置元素互相粘合

回答

相關問題