我在CSS问题上停留了一段时间。我搜索了其他帖子,但仍然找不到解决方案。
如下面的屏幕快照所示,我想将灰色日期栏扩展到最左侧。但是,左侧有一个div,如绿色区域所示。我试图设置width:100%
,但是它不能覆盖左侧的绿色区域。
还有一种使用transform: scale(1.5, 1)
的解决方案,但是这会改变日期单词和数字的形状,使它们看起来很糟。
我可以得到一些延长日期栏的帮助吗?日期栏的CSS:
display: flex;
justify-content: center;
background: #ebedee;
width: 100%;
border: none;
感谢@Luca Neri。
解决方案是设置:
width: calc(100% + 109px);
position: absolute;
left: -97px;