css@float:left:right
謎が解けた!(超笑顔)
cssでテーブルというかボックス組むとき単純にfloat:leftとかじゃレイヤーがずれてしまってずっと何でだろーて悩んでたんだけど、ようやく分かった。
ようするに長くなる方を基準にしてそっちは触っちゃいけないんだ。
(要約してない)(ていうかなんて説明したらいいのか分からん)
例えばこんな感じにボックス組みたい時は、
#right{clear:right;}
になるけど、
#left{ }
#right{float:right;clear:right;}
ってすれば良いということになる。
悪い例)
#left{float:left;}
#right{float:left;clear:right;}
とか
#left{ }
#right{float:right;clear:right;}
とかやっちゃうと
と、いうことが分かった。
某番組風に言うとモヤっとがスッキリ!スッキリ!て感じで。
それにしてもへたくそな説明だな…。
cssでテーブルというかボックス組むとき単純にfloat:leftとかじゃレイヤーがずれてしまってずっと何でだろーて悩んでたんだけど、ようやく分かった。
ようするに長くなる方を基準にしてそっちは触っちゃいけないんだ。
(要約してない)(ていうかなんて説明したらいいのか分からん)
例えばこんな感じにボックス組みたい時は、
┌──┐
│■■│
│ ■│
└──┘
#left{float:left;}│■■│
│ ■│
└──┘
#right{clear:right;}
になるけど、
┌──┐
│■■│
│■ │
└──┘
ってするときは、│■■│
│■ │
└──┘
#left{ }
#right{float:right;clear:right;}
ってすれば良いということになる。
悪い例)
┌──┐
│■■│
│ ■│
└──┘
って組みたいのに、│■■│
│ ■│
└──┘
#left{float:left;}
#right{float:left;clear:right;}
とか
#left{ }
#right{float:right;clear:right;}
とかやっちゃうと
┌──┐
│■■│
└──┘
■
こんな感じにレイヤーがずれる。(たぶん)│■■│
└──┘
■
と、いうことが分かった。
某番組風に言うとモヤっとがスッキリ!スッキリ!て感じで。
それにしてもへたくそな説明だな…。
Comments [↑NEW]