美文网首页
39、满幅的背景,定宽的内容

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

作者: Elevens_regret | 来源:发表于2017-06-14 16:58 被阅读0次

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

// 使用CSS3的计算数学calc,将内边距设置为(50% - 550px),内容的宽度就变成了550px × 2。
padding: 200px calc(50% - 550px);
background: #999;

相关文章

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

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

  • 满幅的背景,定宽的内容

    最常见的方法就是为每个区块准备两层元素:外层用来实现满幅的背景,内层用来实现定宽的内容。后者是通过 margin:...

  • CSS calc实现满幅的背景,定宽的内容

    如今很多网站官网的设计风格都为: 页面中包含多个大的区块,每个区块都占据了整个视口的宽度,区块的背景也各不相同。 ...

  • 网页设计手法之“满幅的背景,定宽的内容”

    设计场景 视图中包含多个大区块,每个区块都占据了整个视口的宽度,区块的背景也各不相同 内容是定宽的,即使在不同的分...

  • HTML与CSS之背景

    背景(background) 内容可以把容器的宽高撑起来,背景不会占用容器的宽高 background-color...

  • 背景background

    内容会撑开容器宽高,背景不会占用宽高,当容器不设宽高时,背景不会显示 background-color (可...

  • 清末刺绣两件

    清末.黄缎地绣凤凰牡丹图挂幅B 规格:长34cm,宽22cm 红地京绣八宝纹绣片 规格:长39cm,宽18.5cm

  • 暴风游戏实现补充记录

    背景---简单+ 头部---简单 内容---简单 尾部---简单 背景视屏布局脱离文档流;宽高适应屏幕: obje...

  • CSS布局方案——全屏布局

    顶栏和底栏定高 + 导航列定宽 + 内容区自适应 方案一:positionHTML代码: 顶栏定高 ...

  • 多列布局

    定宽+自适应 float + margin float + overflow table flex 定宽+定宽+自...

网友评论

      本文标题:39、满幅的背景,定宽的内容

      本文链接:https://www.haomeiwen.com/subject/bdefqxtx.html