質問: 可変幅でabsolute指定で中央配置できません 可変幅でabsoluteを指定すると中央配置できなくなります。 ブラウザの幅に合わせて中身のサイズも合わせて伸縮するサイトを構築したくて色々試しているのですが、どうしてもうまくできません。 どのように指定したらできるのでしょうか?困っています、どなたかお助けください。 例えば画像が固定のサイズであれば width:500px; position:absolute; left:50%; margin-left:-250px; 見たいな形で中央配置できるのですが、可変の場合、、伸縮させたいので、横幅は常に500pxとはなりません。 よろしくお願い致します。
回答: これ結構悩んでたことがあって、今やってみたのですが、意外にすぐ出来たので回答させて頂きます。 position: absolute;のときはmargin-leftにマイナスを指定するんですね。勉強になりましたw 参考画像から察して、可変幅80%だとすれば、次のようにかけばうまくいきました。 width: 80%; margin-left: -40%; position: absolute; left: 50%; widthとmarginで単位を揃えればおkってことなんでしょうかね