する質問をすることでしか得られない、回答やアドバイスがある。64300x300の画像の上にhoverすると画像上にぴったりキャプションを表示させたいです。imgのmargin:10px;を加味して、320pxにしています。それが原因して、キャプションがulの320px分に広がってしまいます。この場合どうすれば画像の300pxぴったりに表示できるのでしょうか?画像にposition:relative;を設定したもののうまくいきませんでした。アドバイスいただけると助かります。bottom:0;}attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。23:47コメントアウトまでしていただきありがとうございます。無事に解決いたしました。コメントアウトまでしていただきありがとうございます。無事に解決いたしました。キャンセル完了するlink+2id="cap1"にmarginをかけることで質問者さんのいうような動作になると思います。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。23:47とても助かりました。ありがとうございました。ありがとうございました。画面縮小で横に均一に並んでいる画像3枚が縦に並び変わってしまう。【HTML・CSS】4列コラムレイアウトを作成したいが、1pxずれてしまう現象を解決したい。横スクロールできるようにしたい。頂いたご意見への回答は行っておりません。