OOCSS の Spacing クラスのようなものを Sass で
「OOCSS (Object Oriented CSS) の Spacing クラス のようなもの」というのは、よくあるこういったやつです: /* p,m = padding,margin a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical */ .pt0, .pv0, .pa0 { padding-top: 0px !important; } .pr0, .ph0, .pa0 { padding-right: 0px !important; } .pb0, .pv0, .pa0 { padding-bottom: 0px !important; } .pl0, .ph0, .pa0 { padding-left: 0px !important; } .pt10, .pv10, .pa10 { padding-top:
[CSS] IEのhasLayoutがtrueの時に垂直方向のmarginが相殺されない | バシャログ。
CSS のコーディングをしていると、IE6 や IE7 で垂直方向の margin が相殺されない現象が頻発するので、ちゃんと原因を確かめました。 以下、サンプルです。 XHTML のコード <div> <p>テスト</p> </div> <div> <p>テスト</p> </div> CSS のコード div { width: 100px; margin: 0 0 50px; background-color: #000; } p { margin: 0 0 50px; background-color: #EEE; } 各ブラウザでの表示 「div」と「div で囲まれた p」それぞれの下方向に 50px の margin を適用すると、通常は同じ方向の margin が相殺されて下方向の空きは 50px となるはずですが、IE6 と IE7 では margin が相殺されず 100p
![[CSS] IEのhasLayoutがtrueの時に垂直方向のmarginが相殺されない | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【CSS Tips】ネストされたボックス要素のmargin-topのブラウザ毎の解釈の違い－Margin Collapsing - Awaresoft
