0

我有 3 个 div。一个顶部，另一个中心和一个底部。我打算让 div 中心 div 从顶部开始，在 div 底部开始的地方结束。

同样希望 div 中心在调整浏览器大小时不会丢失其位置

有人可以帮助我吗？

我的代码：

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

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

我想用浏览器调整 divCenter 的大小

4

2 回答 2

0

关于您要达到的目标，我最好的猜测是将绝对位置的 css 属性应用于您的中间 div，如下所示：

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

这将使 div 保持在原位。希望这可以帮助。

于 2013-08-31T19:47:59.037 回答
0

根据我从您的问题中了解到的情况，您希望三个 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>

上面的代码创建了三个占据整个屏幕的 div（顶部、中心和底部）。由于它们是相对于屏幕的，因此它们可以调整大小。但是，他们将保持自己的立场。

于 2016-10-08T20:38:39.890 回答