2017-10-04 68 views
0

实际上,我是网页设计的初学者,我在CSS中采用了保证金和头寸属性的概念。保证金和头寸之间的区别

所以,我的问题是我可以改变使用CSS属性(位置,顶部和左侧等)的元素的位置。 但我也意识到,通过增加边距和填充,我也可以改变元素的位置。但是这样好吗?

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

+0

_...是这样好吗?这只是一个副作用 –

+0

[负边距vs相对定位]可能的重复(https://stackoverflow.com/questions/5256211/negative-margins-vs-relative-positioning) – Bhargav

+0

要自己回答这个问题,您需要了解有两件事: - 所谓的“盒子模型”,例如: [http://www.htmldog.com - 边距和填充](http://www.htmldog.com/guides/css/beginner/margins/ ) - 定位方法,例如这里:[www.w3schools.com - CSS定位](https://www.w3schools.com/css/css_positioning.asp) –

回答

-1

你的问题实际上与Box-Model这是由Box-Sizing和其他属性来控制:

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

严格小号这些属性根据箱型来控制箱子布局。由于不是所有的部分都是明显的,特别是margin,它可能看起来像它控制定位但没有。

0

保证金是:多少是从一个元件到其周围元件的最小距离


位置属性(重要的)是静态的,绝对的,固定的,相对

静态意味着没有更改为当前位置(默认)

相对意味着,从默认位置开始,元素将定位到'默认位置'偏移'

绝对意味着该元件将从流被去除,并且相对于它的非静态父元素定位

固定装置,该元件将从流中移除和相对定位到浏览器


这里是定位的参考:

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

这里是CSS盒模型的参考

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

-2

边距:定义元素间距w.r.t.到元素 占用区域。

填充:定义元素w.r.t.中的空格。该元素的内容 。

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

在W3Schools.com试试吧。