Question

我想知道如果我在更大的屏幕上查看此网站，此css和html中的div是否会保留在中心位置。因为我只在16英寸的屏幕/显示器上工作。即使我在更大/不同的屏幕中移动或查看它，此代码中的div也会保留在中心吗？？

Html

<html>
 <head>
  <title>Midterm Practice</title>
  <link rel = "stylesheet" type = "text/css" href = "layout.css"/>
 </head>
  <body>
    <div id = "container">
      <div id = "navbar">
        <ul>

        </ul>
      </div>
    </div>
  </body>
</html>

CSS规则

body{background-color: pink;}
#container{background-color: white;margin-left: auto;margin-right: auto;border: 1px solid white;border-radius: 15px;width: 1000px;height: 800px;}
#navbar{position:absolute;}

我刚开始使用CSS请不要添加提前或高于平均水平的答案

Answer 1

使用margin-left: auto; margin-right: auto;应该会对您产生预期的效果。它们基本上将body“div”置于body标签中。你总是可以通过将容器的宽度减少到你可以在浏览器中测试的东西来自己测试它（Chrome和Firefox的开发工具对于在浏览器中使用CSS很有用）。

CSS在不同的屏幕中居中div

1 个答案: