CSS扩展div的宽度以使其在左侧覆盖div

问题描述 投票:0回答:1

我在CSS问题上停留了一段时间。我搜索了其他帖子,但仍然找不到解决方案。

如下面的屏幕快照所示,我想将灰色日期栏扩展到最左侧。但是,左侧有一个div,如绿色区域所示。我试图设置width:100%,但是它不能覆盖左侧的绿色区域。

Screenshot for the problem

还有一种使用transform: scale(1.5, 1)的解决方案,但是这会改变日期单词和数字的形状,使它们看起来很糟。

我可以得到一些延长日期栏的帮助吗?日期栏的CSS:

display: flex;
justify-content: center;
background: #ebedee;
width: 100%;
border: none;
html css
1个回答
0
投票

感谢@Luca Neri。

解决方案是设置:

width: calc(100% + 109px);
position: absolute;
left: -97px;
© www.soinside.com 2019 - 2024. All rights reserved.