個人サイトを作ろうとするスレ

Top / 詳細

個人サイトを作ろうとするスレ

2022年03月14日

170

なんでも

# サブカル

コメントする

131. 名無しのおっちゃん

2022年04月05日 16時14分 ID:b4ad7e44ce （1/6） ID抽出返信

横いっぱい色が変わってしまうのは、divが横いっぱいに広がっているからなんだ。
たとえばこれは横いっぱいに赤になってしまう。

<div style="text-align:right;float: right;background-color:red;">
■get your number■<br>
～省略～
</div>

132. 名無しのおっちゃん

2022年04月05日 16時15分 ID:b4ad7e44ce （2/6） ID抽出返信

float:right;をつけてやると右に浮上する。
そして横いっぱいに広がっていたdivが中身のサイズに合わせて縮む。
これだと一つ問題があって、
浮かせた物より下にあるもの（ここなら画像）が入るスペースが左にできた場合、
そこに割り込まれてしまう。
<div style="text-align:right;float:right;background-color:red;">
■get your number■<br>
～省略～
</div>

133. 名無しのおっちゃん

2022年04月05日 16時15分 ID:b4ad7e44ce （3/6） ID抽出返信

これを防ぎたいなら、overflow: hidden;を指定したdivの中に入れればいい。
<div style="overflow: hidden;">
<div style="text-align:right;float: right;background-color:red;">
■get your number■<br>
～省略～
</div>
</div>

134. 名無しのおっちゃん

2022年04月05日 16時18分 ID:b4ad7e44ce （4/6） ID抽出返信

画像が左に回り込むって伝わりにくいだろうからスクショ貼る
https://imgur.com/EXvSVnb

imgur.com
https://imgur.com/EXvSVnb
Imgur: The magic of the Internet

imgur.com
https://imgur.com/EXvSVnb

Imgur: The magic of the Internet

135. 名無しのおっちゃん

2022年04月05日 16時24分 ID:b4ad7e44ce （5/6） ID抽出返信

思い通りに配置できないとかあったら、divとかに片っ端から枠線か背景色を付けていくと原因究明しやすくなるよ。

136. 名無しのおっちゃん

2022年04月05日 16時49分 ID:b4ad7e44ce （6/6） ID抽出返信

あと、これにtarget="_blank"を追加すると勝手に別タブでリンク開いてくれるようになるよ
<a href="https://twitter.com/orihimesdoll">
↓
<a href="https://twitter.com/orihimesdoll" target="_blank" >

target="_blank"について検索すると脆弱性とかなんか不穏な情報もヒットするけど、通販サイト等の会員ログインが絡まない限り気にしなくてOK

136. 名無しのおっちゃん

2022年04月05日 16時49分 ID:b4ad7e44ce （6/6） ID抽出返信

リロード

コメントを投稿する

・リンク、画像、動画等を貼りたい場合は、本文中にURLを記載してください。
画像のアップローダーはImgurなどが比較的おすすめです。

・リロードボタンを押すとコメント欄に入力中の文字も更新されて消えます。書き直しにならないよう注意してください。

・トリップ機能に対応しています。トリップ機能を使用する場合は、名前の後に半角の#を入力して任意の文字列を記入してください。