39、满幅的背景,定宽的内容

只是用一层html结构,实现背景是充满的,但内容是居中定宽的。

// 使用CSS3的计算数学calc,将内边距设置为(50% - 550px),内容的宽度就变成了550px × 2。
padding: 200px calc(50% - 550px);
background: #999;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,455评论 25 708
  • 如今很多网站官网的设计风格都为: 页面中包含多个大的区块,每个区块都占据了整个视口的宽度,区块的背景也各不相同。 ...
    咕咚咚bells阅读 543评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,807评论 1 92
  • 拿起包中的课本 看书 看知识 始终难看到考试内容 提起手中的黑笔 写字 写诗 始终难写对正确答案
    伱的阅读 251评论 0 1
  • 你的头发像黑夜 温柔的存在一声一声簌簌的落叶间 那是风摇出来的妄念 在这萍水相逢的人群里 彼此多看了一眼 你我便明...
    事儿后烟阅读 188评论 0 2