为什么填充物的权利不起作用?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (32)

我想在iframe周围添加填充物,但无法让它两边同样地填充。

.container {
width: 980px;
margin: 0 auto;

}

.content {
padding-top: 100px;
margin: 0 auto;

}

iframe {
padding: 20px;

}

<div class="content">
        <div class="container">

        <iframe width="100%" height="500" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/468897489%3Fsecret_token%3Ds-lEQFX&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>

        </div>
    </div>
提问于
用户回答回答于

IFRAME上的填充物一直都是一样的,它是容器和iframe的组合,它的填充物是将iframe扔向右边,而不是它应该的位置。

.container {
width: 980px;
margin: 0 auto;
}

.content {
padding-top: 100px;
margin: 0 auto;
}

iframe_container {
padding: 20px;
}
<div class="content">
        <div class="container">
        <div class="iframe_container">
        <iframe width="100%" height="500" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/468897489%3Fsecret_token%3Ds-lEQFX&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
          </div>
        </div>
    </div>
用户回答回答于

因为iframe上有内联CSS,所以它忽略了外部CSS的填充样式。

所属标签

可能回答问题的人

  • 天使的炫翼

    17 粉丝531 提问36 回答
  • 富有想象力的人

    3 粉丝0 提问30 回答
  • 学生

    3 粉丝476 提问28 回答
  • o o

    4 粉丝494 提问27 回答

扫码关注云+社区

领取腾讯云代金券