スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【html】高さの違うBOXを高いほうに合わせる方法

2014-02-23 : 農民
どうも農民です!
仕事で微妙に忘れた時があったので確認用に書いておきます
b01.gif
こんな感じである時にAとBを同じ高さにしたい場合

AとBにpadding-bottom:32767px; margin-bottom:-32767px;(IEの限界?)をいれて
Cにoverflow: hidden;をいれます

そうすると
b02.gif
こうなると思うので下のボーダーが無くなってしまいます(バックグランドの色の指定だと大丈夫なんですがなぁ)
ボーダーを出したいという人はAとBのそれぞれの下にボーダーTOPの設定をした空の箱を置きます
b03.gif
ちなみに私はAとBにfloatを入れていて下の箱がうまくいかねえええぇ!とか言ってたので、floatを使っている場合はちゃんとクリアしてね!

あとこの図は会社の社長の過去に描いていたものをパクったので似てる絵で解説してる人がいても言わないでね!

コメントの投稿

非公開コメント

プロフィール

トロン&農民

Author:トロン&農民
イラストのお仕事募集中です!
商業・同人なんでも歓迎
お気軽にメールください!

トロンへメールは
mino-new☆live.jp
☆を@に変えてください

農民へメールは
noumin_k☆yahoo.co.jp
☆を@に変えてください

pixiv
トロン↓


農民↓
Twitter(TORON )
最新記事
最新コメント
カテゴリ
ユーザータグ

バイク web コスプレ 政治・テレビ php ねこ 落書き 

検索フォーム
リンク
月別アーカイブ

Powered by FC2ブログ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。