Html CSS在绝对块中剪切图像

Html CSS在绝对块中剪切图像,html,css,Html,Css,我试图用绝对块剪切图像。我想用(红线)左栏高度隐藏右图像 .relative{ 位置:相对位置; } .盒子{ 位置:相对位置; } .边界{ 边框:1px纯红; } .里面{ 位置:绝对位置; 左:0; 右:0; 排名:0; } 你的意思是这样的吗: 要在左图像的高度剪切右图像,请在窗口加载和窗口大小调整中使用此js $('.inside').css({ 'height': $('.border').outerHeight(), 'overflow': 'hidden' });

我试图用绝对块剪切图像。我想用(红线)左栏高度隐藏右图像

.relative{
位置:相对位置;
}
.盒子{
位置:相对位置;
}
.边界{
边框:1px纯红;
}
.里面{
位置:绝对位置;
左:0;
右:0;
排名:0;
}

你的意思是这样的吗:


要在左图像的高度剪切右图像,请在窗口加载和窗口大小调整中使用此js

$('.inside').css({
  'height': $('.border').outerHeight(),
  'overflow': 'hidden'
});

我忍不住想知道你的要求是否与回答者认为的相反。如果是那样的话,那就是
$('.inside').css({
  'height': $('.border').outerHeight(),
  'overflow': 'hidden'
});