W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:dX8WWz さんの質問

親要素の子要素にあるimgを、右にはみ出るようなデザインにしたいのですが、cssうまくいきません。左にはみ出るようなデザインであれば、margin-left: -○○px;でうまくいくのですが、逆が中々...ご存知のかたいらっしゃいましたら、ご教授願えないでしょうか?宜しくお願い致します。

みんなの回答 5 件

ID:NLnRCD さんの回答

position:absolute;じゃだめでしょうか?

ID:C6iJOK

親要素にrelative、imgにabsoluteさらにright: -○○px;したのですが、はみ出るのですが切れてしまうんです。親要素のoverflowは特に指定なしです。

ID:k13sWJ さんの回答

ネガティブマージンがいけてるのなら、margin-left:(親からはみ出る数値)px;で右にもはみ出ると思うけど。

ID:C6iJOK

はみでるというか、はみ出た部分が切れてしまうのです。overflowは特に指定なしなのになぜでしょう?

ID:bfjPX. さんの回答

margin-leftでいけるんなら、画像右寄せmargin-rightマイナスとか?試してないですけど

ID:C6iJOK

それも試したのですが、やはりはみ出た部分が非表示になってしまいます。。

ID:bfjPX.

ちなみにIEだけですか? imgにposition:relative;は試しました?

ID:b4KXzx

どこかにテストアップして。すぐ解決するから。

ID:C6iJOK

ID:bfjPX.Uqu8TO さん > chromeで確認をしています。試しましたが、変わらずでした。。2カラムのサイドバーは右側です。その右側のサイドバーからさらに右に外れる感じで表示したいのです。

ID:C6iJOK さんの回答

wrapにoverflow: hidden;があったためでした。無事解決出来ました。ありがとうございました!m(_ _)m

ID:k13sWJ

解決報告があるとこっちも嬉しい。

ID:9q.4gS さんの回答

こういう場合は、dropboxなどの公開機能が便利だよね。匿名性も守られるし。

最終更新日:2013-06-04 (16,431 views)

関連するトピックス

ページ上部に戻る