SKILLS OF LIFE

目指せライフハッカー! TIPS & TRICKS FOR YOUR BETTER LIFE

カテゴリー一覧
キーワードで抽出
スポンサーリンク

スポンサーリンク
スポンサーサイト
[edit]
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
☆当サイトは移転しました◇移転先は…◇http://pandametal.xsrv.jp/wp/
スポンサーリンク
スポンサーリンク
スポンサーリンク
スタイルシートのマージンは隣接する場合は重なる?
[edit]
HPのデザインを変更していて、どうも、レイアウトがうまく行かないと思ったら・・・

マージン( margin )の設定は、隣接する場合は重なるというか、片側だけしかとられない仕様なんですね・・・?



実験

例えば、<div>を使って100px四方の四角い領域を2つ用意して。それぞれのマージンを上左右全てに30pxずつ設定したとします。

これを2つ上下に並べたら、それぞれが30pxずつのマージンを持っているなら四角同士は60px離れなければ行けないわけですが、実際には・・・



30pxしか離れませんね。

これは、それぞれのオブジェクトが、相手側のマージン設定を考慮せず、相手の実体位置からの距離で位置を決めるということなのでしょうか・・・。



しかし、画像にマージンを設定してみると・・・


画像の場合は、重ならずにマージン設定の分だけ離れていますね・・・( ̄- ̄;)



もしかして・・・

今度は同じDIVで設定した領域ですが、今度はインラインブロックにしてみました。



すると、画像のときと同じ、マージンは重ならずにそれぞれに設定されましたね。

Uh-huh…

☆当サイトは移転しました◇移転先は…◇http://pandametal.xsrv.jp/wp/
スポンサーリンク
スポンサーリンク
関連記事

コメント

コメントの投稿

非公開コメント

検索フォーム

MENU

トップページ 記事一覧 問い合わせ
リンク リマインダー 管理者用

スポンサーリンク

最新記事

移転のお知らせ Aug 21, 2017
充電式 Wifi 監視カメラ Aug 13, 2017
カラーネーム(色名)で指定できるグレー諧調 Aug 13, 2017
ハーゲンダッツコーヒー味 Aug 13, 2017
捕虫器 どれがいい? Aug 13, 2017
「愛がなければ平和になる」 タモリの言葉に納得 Aug 13, 2017
飲みかけのペットボトルはじつは・・・?! ホテル従業員からのお願い Aug 12, 2017
遅れに遅れて、今更ながら観ました「思い出のマーニー」(笑) Aug 12, 2017
アホな客は全部切っていいですか Aug 12, 2017
「パソコンの調子が悪い」「自分は何もしていない」と言う謎 Aug 12, 2017
メモリーテスト Memtest86 Aug 11, 2017
すごく簡単に画像の加工ができるソフト PhotoScape Aug 10, 2017
Microsoft Edge で新しいタブを開いた時に開くページを指定したページにできない Aug 10, 2017
偉そうな態度をとる人間の肩書は大抵・・・ Aug 10, 2017
エクセルのファイル名には [  ] が使えない Aug 10, 2017

過去記事

スポンサーリンク

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