如何在HTML和CSS中定位3格div

我有3格。頂部，另一箇中心和一個底部。我打算使div中心div開始頂部和底部div開始的地方。如何在HTML和CSS中定位3格div

同樣希望在瀏覽器中調整

有人能幫助我在div中心不會失去它的地位？

我的代碼：

<header>TOP</header> 
     <div id="content"> 
      <div id="divCenter"> 

      </div> 
     </div> 
     <footer>BOTTOM</footer>

我想使divCenter可調整大小的瀏覽器

來源

2013-08-31 user2647038

請嘗試更加清楚地解釋，並且如果可能的話告訴我們你試過了什麼？ – PurpleXenon

@AviralSingh我編輯了這個問題......它現在清楚了嗎？ – user2647038

仍然有點困惑與你想要做什麼。 – codedude

我最好的猜測，你想什麼來實現將絕對位置的CSS屬性應用到您的像這樣的中間格：

#dialog-window { 
    position:absolute; 
    top:/*some height*/ 
}

這將保持div的到位。希望這可以幫助。

來源

2013-08-31 19:47:59 codedude

從我的問題中可以理解，你需要三個div（頂部，中間和底部）堆疊在一起，並且當窗口調整大小時不希望更改div的順序。下面是一些代碼，可以這樣做：

#top , #center , #bottom{ 
 
    width: 100%; 
 
    border: 1px solid black; 
 
    text-align: center; 
 
}

<html> 
 
    <body> 
 
     <div id="top"><h1>Top</h1></div> 
 
     <div id="center"><h1>Center</h1></div> 
 
     <div id="bottom"><h1>Bottom</h1></div> 
 
    </body> 
 
</html>

上面的代碼創建了三個申報單（頂部，中部和底部），其佔據整個屏幕。由於它們相對於屏幕而言，它們將可調整大小。但是，他們會保持自己的立場。

來源

2016-10-08 20:38:39

如何在HTML和CSS中定位3格div

回答

相關問題