保证金和仓位的区别

Question

实际上我是网页设计的初学者，我在 css 中学习了边距和位置属性的概念。

所以，我的问题是我可以使用 css 属性（位置、顶部和左侧等）更改元素的位置。 但我也意识到，通过增加边距和填充，我也可以改变元素的位置。但是这种方式好吗？

或者只是有不同的方法来改变元素的位置？ 哪个更好？

Answer 1

边距是：一个元素到其周围元素的最小距离是多少

---

位置属性（重要的）是静态的、绝对的、固定的、相对的

静态表示当前位置没有变化（默认）

相对意味着，从默认位置，元素将被定位为“偏移”到其默认位置

绝对意味着元素将从流中移除并相对于其非静态父元素定位

固定意味着元素将从流中移除并相对于浏览器定位

---

这里是定位参考：

https://www.w3schools.com/cssref/pr_class_position.asp

这里是css box模型的参考

https://www.w3schools.com/css/css_boxmodel.asp

Answer 2

您的问题实际上与由Box-Sizing 和其他属性控制的Box-Model 有关：

1. padding
2. margin
3. box-sizing
4. border

严格来说，这些属性根据盒子模型控制盒子布局。由于并非所有部分都特别明显margin，它可能看起来像它控制定位但不是。

Answer 3

边距：定义元素 w.r.t 的间距。到元素 占用面积。

填充：定义元素内部的间距 w.r.t。内容 那个元素。

位置：定义元素 w.r.t 的位置。空间 屏幕上显示的内容。

在 W3Schools.com 上试试吧。