css - 响应式网页设计和固定边距

Question

当前关于固定宽度边距的响应式网页设计的最佳实践是什么？

当我在 jsfiddle 中尝试 margin-left: 80px; 时，它将屏幕宽度推开，从而使我的基于百分比的宽度样式消失。我该如何解决这个问题？

顺便说一句，如果相关的话，我正在开发一个只能通过桌面版 Chrome 浏览器查看的网站。

Answer 1

在这种情况下，您可以使用 calc(100% - 160px)，我已经更新了您的 fiddle :

https://jsfiddle.net/22rL4eq6/6/

当然，如果您必须使用子项的绝对定位，那么您就需要添加明确的宽度。如果不是，向父级添加 padding: 80px 即可。