Question

我正在制作一个展示足球运动员统计数据的模板。

左边是播放器的.picture。它是固定的，高度是窗户的100％。当您减小窗口的高度时，其宽度会增大或减小。

在右边，你应该找到球员的统计数据和传记。这一切都适合div .block-left。宽度应为100％减去播放器.picture宽度。

现在，展示它的唯一方法是使用与.picture宽度相同的值增加margin-left的值。

这就是问题所在，.picture宽度总是根据你的屏幕分辨率而变化，所以.block-content的左边距也是如此。

我找不到实际的方法来做到这一点。也许是jQuery？

Answer 1

这不是一个流行的设计，但是你可以使用窗口调整大小事件来使用jQuery。

$(window).resize(function () {
      var imgWidth = $(".picture img").width();
      $(".block-left").css("margin-left", imgWidth);
});