使用CSS对iframe进行裁剪

背景

今天做需求的时候，前端需要使用iframe嵌入一个BI上的表，但那张表最下边有些不相干的信息需要裁掉。

很简单的需求，但当时还真没立刻想出来怎么搞【过了几秒后才想起来】

方法也很简单，就是在iframe外边再套一层，使用overflow:hidden

这种灵机一动容易忘，在博客里写下来这个小想法

实现

用的Vue，按照Vue的格式写了。

很简单。

效果：裁掉最后50px

<div style="height:500px;overflow:hidden">
	<iframe src="http://whatever-you-want.com/view/whatever-you-need" style="weight