开发者社区> 问答> 正文

有如下 布局, 如果想在1200像素下的子元素获取满屏的宽要如何实现?

screenshot

如上面的布局结构.

若我想在D中得到满屏的宽度要如何实现. 不管屏幕有多大的尺寸(实现D两侧空白填入背景色).

想知道有没有其他的做法..

我的做法是这样的,不过要定高是个缺点(不想用js).

D{
    position:absolute;
    width:100%;
    padding-left: calc((100% - 1200px) / 2);
    margin-left: calc((1200px - 100%) / 2);
    box-sizing:border-box;
    background:red;
}

这样D的外层就要定高.. 而一般D里面的内容高时不能确定的. 我又不想用js....

展开
收起
杨冬芳 2016-06-17 18:25:00 2168 0
1 条回答
写回答
取消 提交回答
  • IT从业
    1. 可惜兼容性比较差比calc还低点估计.
    2019-07-17 19:43:27
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载