关于定位和盒子模型
老师你好,这个视频中,header居中网页我看一般使用margin:0 auto;意思是上下为0 ,左右居中,为什么不长常使用定位position属性呢,我记得视频讲过盒子模型主要是调位置的,小范围位置,定位主要是根据网页调整模块的起始位置。请老师帮助解释下究竟什么时候使用盒子模型多,什么时候使用position ,谢谢
1
收起
正在回答
1回答
同学你好!
在这里,两种方法都是可以实现的。
(1)如果单纯使用一个margin:0 auto;的话,它只能使得元素水平居中而不能垂直居中,(这种方式适用于知道宽高、没有定位设置、小范围调节居中的元素,比如说顶部导航栏)
(2)那如果想给元素既设置水平居中,又设置垂直居中,那么就会使用定位的方式来做,并且如果使用了position:absolute;定位设置了居中,会使得元素脱离文档流的。
在以后的工作中还是要根据项目的实际需求来选择使用哪一种方法。
如果帮助到了你,欢迎采纳,祝学习愉快~
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星