响应式网页设计和固定利润

时间:2016-08-04 01:36:20

标签: css responsive-design

目前关于具有固定宽度边距的响应式网页设计的最佳做法是什么?

当我在 jsfiddle 中尝试margin-left: 80px;时,它会将屏幕宽度推出,以便抛出基于百分比的宽度样式。我该如何解决这个问题?

如果它是相关的,我正在开发一个只能通过桌面上的Chrome查看的网站。

1 个答案:

答案 0 :(得分:1)

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

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

当然,如果你必须使用孩子的绝对定位,那么你需要添加一个明确的宽度。如果没有,将padding: 80px添加到父级将会起作用。