親要素の子要素にあるimgを、右にはみ出るようなデザインにしたいのですが、cssうまくいきません。左にはみ出るようなデザインであれば、margin-left: -○○px;でうまくいくのですが、逆が中々...ご存知のかたいらっしゃいましたら、ご教授願えないでしょうか?宜しくお願い致します。
position:absolute;じゃだめでしょうか?
親要素にrelative、imgにabsoluteさらにright: -○○px;したのですが、はみ出るのですが切れてしまうんです。親要素のoverflowは特に指定なしです。
ネガティブマージンがいけてるのなら、margin-left:(親からはみ出る数値)px;で右にもはみ出ると思うけど。
はみでるというか、はみ出た部分が切れてしまうのです。overflowは特に指定なしなのになぜでしょう?
margin-leftでいけるんなら、画像右寄せmargin-rightマイナスとか?試してないですけど
それも試したのですが、やはりはみ出た部分が非表示になってしまいます。。
ちなみにIEだけですか? imgにposition:relative;は試しました?
どこかにテストアップして。すぐ解決するから。
ID:bfjPX.Uqu8TO さん > chromeで確認をしています。試しましたが、変わらずでした。。2カラムのサイドバーは右側です。その右側のサイドバーからさらに右に外れる感じで表示したいのです。
wrapにoverflow: hidden;があったためでした。無事解決出来ました。ありがとうございました!m(_ _)m
解決報告があるとこっちも嬉しい。
こういう場合は、dropboxなどの公開機能が便利だよね。匿名性も守られるし。
みんなの回答 5 件
position:absolute;じゃだめでしょうか?
ネガティブマージンがいけてるのなら、margin-left:(親からはみ出る数値)px;で右にもはみ出ると思うけど。
margin-leftでいけるんなら、画像右寄せmargin-rightマイナスとか?試してないですけど
wrapにoverflow: hidden;があったためでした。無事解決出来ました。ありがとうございました!m(_ _)m
こういう場合は、dropboxなどの公開機能が便利だよね。匿名性も守られるし。
関連するトピックス