居中问题

来源：6-3 编程练习

慕用8117612

2021-08-10 23:37:16

为什么这样无法实现居中

相关代码：

  position:fixed;
  margin:0 auto;

但是这样却行呢？

相关代码：

  position:fixed;
  left:0;
  right:0;
  margin:0 auto;

写回答

1回答

好帮手慕阿园

2021-08-11

已采纳

同学你好，设置position:fixed；定位后，单margin的auto失效了，所以无法实现居中；设置定位后有两种方法实现居中，同学的这个是其中一种，两种方式如下

1、 1）给自身设置宽高；

　　2）给自身加position：fixed；

　　3）先设置左边为50%，再将div块再向回移动div块一半的距离。

如下图所示：

2、也就是同学使用的方式

1）给自身设置宽高；

　　2）再设置position:fixed;

　　3）再给自身设置left:0;right:0;(top:0;bottom:0;)margin:auto;

祝学习愉快~

0 学习 · 16556 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2