Css 当元素被左侧的固定边距偏移时,计算元素的纵横比

Css 当元素被左侧的固定边距偏移时,计算元素的纵横比,css,aspect-ratio,viewport-units,css-calc,Css,Aspect Ratio,Viewport Units,Css Calc,我有一个元素,它有一个100像素的固定左边距,高度设置为52vw 在该元素下面是一个标题,我试图找出如何与上面元素的相同X轴点保持对齐。给它留一个10vw的边距可以让它保持接近,但是100像素的边距开始扭曲它 标题左边距的计算值是多少? 这就是它的简单性: .parent { margin-left: 100px; height: 50vw; } .caption { margin-left: 10vw; *// The above needs to be some kind

我有一个元素,它有一个100像素的固定左边距,高度设置为52vw

在该元素下面是一个标题,我试图找出如何与上面元素的相同X轴点保持对齐。给它留一个10vw的边距可以让它保持接近,但是100像素的边距开始扭曲它

标题左边距的计算值是多少? 这就是它的简单性:

.parent {
  margin-left: 100px;
  height: 50vw;
}

.caption {
  margin-left: 10vw;
  *// The above needs to be some kind of calc instead to account for 100px offset altering aspect ratio? **/
}

欢迎来到SO!感谢您简化了代码。然而,这实际上可能是太少的代码——您能同时显示一些标记吗?理想的情况下,你想要一个目标——如果你能做到,那会更好。这减少了访问者重新创建和理解您的特定问题所需的开销。祝你好运,快乐!