关于定位和盒子模型

关于定位和盒子模型

老师你好,这个视频中,header居中网页我看一般使用margin:0 auto;意思是上下为0 ,左右居中,为什么不长常使用定位position属性呢,我记得视频讲过盒子模型主要是调位置的,小范围位置,定位主要是根据网页调整模块的起始位置。请老师帮助解释下究竟什么时候使用盒子模型多,什么时候使用position ,谢谢

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好!

在这里,两种方法都是可以实现的。

(1)如果单纯使用一个margin:0 auto;的话,它只能使得元素水平居中而不能垂直居中,(这种方式适用于知道宽高、没有定位设置、小范围调节居中的元素,比如说顶部导航栏)

http://img1.sycdn.imooc.com//climg/5cb579f300012cdb18290102.jpg

(2)那如果想给元素既设置水平居中,又设置垂直居中,那么就会使用定位的方式来做,并且如果使用了position:absolute;定位设置了居中,会使得元素脱离文档流的。

在以后的工作中还是要根据项目的实际需求来选择使用哪一种方法。

如果帮助到了你,欢迎采纳,祝学习愉快~

  • Di1860 提问者 #1
    如果设置margin: auto auto;可以实现既水平居中,也垂直居中吗?为什么
    2019-04-16 14:54:09
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师