質問: iframeの余白 お世話になっております。iframeを使ってpc用販売説明文に楽天goldで作成したページを埋め込みたかったのですが、埋め込んだページの下に大きな余白ができてしまいます。こちらの余白を消すにはどのようにすればよろしいでしょうか...?該当ページ(テスト用)↓https://item.rakuten.co.jp/japannail/10000005/宜しくお願い致します。
回答: ecマスターズの伊藤です。> iframeを使ってpc用販売説明文に楽天goldで作成したページを埋め込みたかったのですが、埋め込んだページの下に大きな余白ができてしまいます。> こちらの余白を消すにはどのようにすればよろしいでしょうか...?iframeで読み込んでいてただいているhttps//www.rakuten.ne.jp/gold/shop-url/p-chart/colorgel-list.htmlが、横幅が商品説明文のサイズである875pxを超えるため、上記を表示させるためのiframeにtransform: scale(0.72);を適用頂いていますが、高さは、もとのiframe分(0.72かけていないサイズ)で取られているため、その分、余白が表示されています。解決方法としてはhttps//www.rakuten.ne.jp/gold/shop-url/p-chart/colorgel-list.htmlの内容を横幅875pxにしていただくのがよろしいです。一時的な解決方法としてstyle="margin-bottom: -【数値】;にて、marginを無理やり詰めることも可能ですので、お試しくださいませ。例: