質問: ``` ``` ``` ``` .mv { position: relative; height: 0; padding-top: 40%; margin: 0 auto; width: 90%; } iframe{ position: absolute; top: 0; left: 0; width: 80%; height: 100%; margin: 0 auto; display: block; } ``` 上記のやり方ではなぜうまくいかなかいのでしょうか。 iframe要素の幅は変えずに中央寄せにする方法はありますか。
回答: `position: absolute;`がよくないです。 ``` html{ height:100%; } .mv { padding-top: 40%; margin: 0 auto; width: 90%; height: 100%; } iframe{ width: 80%; height: 100%; margin: 0 auto; display: block; } ```