将div居中并将其放在页面顶部（仅CSS！）

Question

我一直在寻找，但是找不到任何好的帮助。 这很简单-我想将div放在页面的绝对顶部，然后将其居中。 当我做position: fixed我也写了top:0px和left:0px ，然后弄乱了位置。 救命？

Answer 1

您需要先设置宽度，然后设置margin: auto ，使其水平居中。

 .container { position: relative; background: #eee; } .positioned { position: fixed; top: 0; left: 0; right: 0; width: 50%; margin: auto; background: #ccc; text-align: center; } 

 <div class="container"> <p>Some text</p> <p>Some text</p> <p>Some text</p> <p>Some text</p> <div class="positioned">Content here</div> </div> 

Answer 2

使用position:fixed为top:0px将div放在顶部，将left:50%在div中间。