使用calc()函数来计算边距的宽度。
示例代码:
HTML:
CSS:
.parent {
width: 300px;
background-color: grey;
overflow: hidden;
}
.child {
height: 100px;
width: calc(100% + 20px);
margin-left: -10%;
background-color: red;
}
在该示例代码中,.child的宽度是通过计算100%加上20像素来得到的,而负边距是相对于.parent的宽度计算的。这能够确保边距总是与内容宽度保持一致。
上一篇:百分比堆叠条形图 pandas
下一篇:百分比父元素中固定宽度项目的对齐