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

标签 css responsive-design

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

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

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

最佳答案

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

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

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

关于css - 响应式网页设计和固定边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38757140/

相关文章:

css - vh 和 vw 的替代品

css - 负边距响应流体/固定列 - 导航不工作

javascript - 我们如何在 html 中通过某种不透明度使两个部分可见的同时在另一个部分之上显示一个部分?

css - 禁止 div 环绕其他 div?

javascript - 使用 jQuery 更新 CSS 变换值

jquery - 无法使用 [] 验证复选框

javascript - 每 20 像素更改 img 源

javascript - 如何替换 div 以使用 jquery 为用户提供具有幻灯片效果的编辑选项

javascript - 为普通 JS 和 AngularJS 应用程序添加 RWD 是否有区别?

样式标签中的 CSS 定义未在移动浏览器中加载