忍者ブログ

ひつ（じのひよこが）プログラミングします。
お仕事や趣味で困ったこととか、何度も「あれ？どうだったかしら」と調べたりしたこととか、作ったものとか、こどものこととかを書きます
★前は週末定期更新でしたが今は不定期更新です

2024/11 10« 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 »12

Home

親要素の高さに合わせて要素の高さを変える

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/11/23 20:04

コメント

ただいまコメントを受けつけておりません。

親要素の高さに合わせて要素の高さを変える

デモ

ログがここに出ます

名前：内容：

どうやったのか

親要素 (上例では灰色の部分) の position を relative にしておく
子要素 (上例では赤色の部分) の position を absolute にしておく。top, bottom, right, left を適当な値にしておく
子要素の高さが [親要素の高さ - (子要素のtop + 子要素のbottom) ] になる
横幅も同様にきれいに決まるけれども、横幅はもっと楽に決める方法があると思う

PR

コメント

ただいまコメントを受けつけておりません。

カテゴリー

JavaScript(180)

ユーティリティ(143)

プライベート(111)

用語とか(73)

Java ないし Groovy(28)

仕事の雑多な話(30)

ネットワーク(7)

バッチスクリプト(6)

最新記事

Discord のテキストチャットのログをスラッシュコマンドだけで DL する

(04/20)

Discord はサーバに入ってない人も BAN できる

(03/01)

ゆとシートの画像圧縮

(02/22)

Qiita でやることにした

(01/09)

あんよが上手月間

(11/20)

ブログ内検索

アーカイブ

2024年04月(1)

2023年03月(1)

2023年02月(1)

2023年01月(1)

2022年11月(6)

RSS

リンク

ひよこの作ったものリスト

P R