【发布时间】：2016-12-19 16:50:58
【问题描述】：
在使网页具有响应性时，我总是很困惑应该选择边距还是位置（相对，绝对）。
例如，我有一个 HTML 元素，现在要正确对齐它，我可以选择边距/填充或位置，但我一直认为哪个更好用，这样我就不必写很多不同设备的媒体查询。
任何帮助/建议都是值得的！！！
【问题讨论】：
标签： css media-queries
【发布时间】：2016-12-19 16:50:58
【问题描述】：
每个属性都有自己的用例。但从响应的角度来看 我觉得填充会更有帮助，就像在某些情况下你只需提供填充而不是元素的高度和宽度。
位置/边距相对/绝对值完全取决于要求。 之后你也可以使用 % 和 em。
【讨论】：
对我来说，绝对定位和使用左上角等很麻烦，尤其是你会像我在这里的帖子一样在 2 div/section 之间做浮动的事情：
margin 和 padding 也是如此，你应该知道自己的宽度和高度 div，但是当你变成响应式时会太复杂，你应该重新设置你的宽度和高度。
响应式网站的最佳做法我认为您应该遵循网站结构。保持在 wrap div 或 section 内。
为了创建移动视图或响应式设计，您需要出色的媒体查询订单，它可以帮助您适应常规屏幕设备，例如（iphone 5、6 或 ipad），但您必须考虑到现在市场已经进入安卓。安卓手机增长如此之快，你无法知道分辨率是多少（你不会随着时间的推移更新你的媒体查询吧？）。
- 引导程序 它是无类型的，但它只有 12 个网格系统，您无法管理具有 7 个菜单的导航，您应该自己修改它。
- 弹性盒 flexbox 很好，你可以维护你的容器，你不需要同时使用浮动和清除。
就像我说的，这取决于您的媒体查询。这与位置或边距/填充无关，而是与 css 中的所有内容有关。
如果您的问题只是关于对齐，您可以开始在父 div 或部分中使用带有 justify-content 和 align-items 的 display flex，这样您就不必担心父 div 的宽度和高度是多少。
干杯，可能有助于理解:)
【讨论】：
位置并不适合响应式设计。它很有用，但不建议用来代替边距/填充。
例如，当您在一个元素上使用position:absolute; 时，它会使该元素脱离正常的内容流，并仅根据其相对定位的父元素调整其位置。如果你经常使用它，它会给你带来麻烦。
响应式设计就是使用float
空头仓位是不能用margin/padding代替的。
【讨论】：