关于定位和盒子模型
来源：2-5 经典的行布局（2）
Di1860
2019-04-16 14:30:40
老师你好，这个视频中，header居中网页我看一般使用margin:0 auto；意思是上下为0 ，左右居中，为什么不长常使用定位position属性呢，我记得视频讲过盒子模型主要是调位置的，小范围位置，定位主要是根据网页调整模块的起始位置。请老师帮助解释下究竟什么时候使用盒子模型多，什么时候使用position ,谢谢
写回答
1回答
-
同学你好！
在这里，两种方法都是可以实现的。
（1）如果单纯使用一个margin：0 auto；的话，它只能使得元素水平居中而不能垂直居中，（这种方式适用于知道宽高、没有定位设置、小范围调节居中的元素，比如说顶部导航栏）
（2）那如果想给元素既设置水平居中，又设置垂直居中，那么就会使用定位的方式来做，并且如果使用了position：absolute;定位设置了居中，会使得元素脱离文档流的。
在以后的工作中还是要根据项目的实际需求来选择使用哪一种方法。
如果帮助到了你，欢迎采纳，祝学习愉快~
0h019-04-16
相似问题