为了账号安全,请及时绑定邮箱和手机立即绑定

直接定位上0左200行不行

直接top:0;left:200px;能不能代替 top:0;margin-left:200px;  

直接定位好不对它进行边界移动  结果的图形是差不多的

正在回答

2 回答

方向和外边距方向    语义是不同的。你的提问,答案当然是可行的,但是你既然问,说明你概念并没有搞清楚。

直接方向,比如 top  是相对具有定位属性的父元素偏移。当然left等也是。

而margin-top或left,不属于定位移动,只不过也能实现效果,怎么说呢,想象一下盒模型。看上去偏移了,实际只是他本身变大了,由于是外边距是空的,所以可见内容看上去偏了位置。

这也就解释了,为什么本节练习中,设置TOP 可以,而设置margin-top就不可以。另外设置left 和 margin-left 效果一样,但是原理仍然是不同的,只不过元素本身就是处于父元素中最左边。所以两种设置都可以实现效果。

设置边距是相对她原本所在位置去偏移,设置方向是相对父元素移动。!!!

举个例子:如果导航放右边,内容放左边。你去实现以下就可以理解的跟深入了。

0 回复 有任何疑惑可以回复我~

可以的

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

直接定位上0左200行不行

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信