我不想在其中一个元素上硬编码margin-left
的像素值:
.my_element {
margin-left: 75px;
}
我想做的是,使margin-left
等于另一个元素+ 20px
的宽度。
.other_element {
width: auto;
}
.my_element {
margin-left: [somehow-reference-other-element-width];
}
我知道如果我有一个静态宽度,我可以使用.scss
变量($myWidth: 75px;
)并将其设置为两者,但我认为我宁愿使用auto
。
1条答案
按热度按时间l0oc07j21#
width: auto
在考虑了margin和border之后填充父容器。我假设.other_element
是另一个容器的子元素,该容器必须具有一些静态宽度,否则它将填充整个窗口宽度。如果是这样,您可以通过scss变量引用父元素的宽度并减去子元素的任何margin和border。如下所示:(这里是fiddle)
很坚韧想象你在寻找什么,但如果你正在做一个响应式设计,这应该与百分比,ems或任何东西一起工作。