CSSでレイアウトをするとき、ある表示結果を実現するためには複数の異なる方法があり得ます。 ひとつの方法があるブラウザでうまくいかなかった場合、安易にハックに頼るのではなく、別の実現方法を試してみるとよいでしょう。 というわけで問題。 div要素の中にp要素があり、divの幅は80%、pの幅は200pxと指定されている。 p要素のブロックボックスを右寄せせよ。(参考画像) <div> <p></p> </div> div, p { padding: 0; border : none; height : 100px; } div { width: 80%; } p { width: 200px; } ※divの幅が200px以下になる場合を考慮する必要はない。 もちろんこの問題の解答は複数存在します。できるだけ多くの方法を考えてみてください。 コメント(4件) sug:Re: CSSクイズ