忍者ブログ

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

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

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

×

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

コメント

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

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

デモ

ログがここに出ます
名前: 内容:

どうやったのか

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

コメント

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

ブログ内検索

P R