当前关于固定宽度边距的响应式网页设计的最佳实践是什么?
当我在 jsfiddle 中尝试 margin-left: 80px;
时,它将屏幕宽度推开,从而使我的基于百分比的宽度样式消失。我该如何解决这个问题?
顺便说一句,如果相关的话,我正在开发一个只能通过桌面版 Chrome 浏览器查看的网站。
最佳答案
在这种情况下,您可以使用 calc(100% - 160px)
,我已经更新了您的 fiddle :
https://jsfiddle.net/22rL4eq6/6/
当然,如果您必须使用子项的绝对定位,那么您就需要添加明确的宽度。如果不是,向父级添加 padding: 80px
即可。
关于css - 响应式网页设计和固定边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38757140/