[CSS]横並びのレイアウトをfloatで配置するTIPS -Floater

暮らしカテゴリーの変更を依頼記事元:

coliss.com

27users がブックマークコメント

コメント

6

記事へのコメント6件

注目コメント
新着コメント

ochanoco_naoco ネガティブマージンを利用して見出しの横にアイコン配置

2007/09/20 リンク

mura24 ネガティブマージンとfloat利用。position:aboluteとは違ったアプローチ

*css

2007/09/20 リンク

ken_c_lo

2007/09/20 リンク

vv_boow_vv 　Floaterで紹介されているテクニックは、左のエレメントにはheightを指定し、右のエレメントにはfloat:rightとheight分のマイナスマージンを指定します。

2007/09/20 リンク

messiquo マイナスマージンって、IEとかでも綺麗にきくんだっけか? 昔、その辺が怖くて使わなかった気がする。

Web
CSS

2007/09/20 リンク

kurobuchi そうか縦もマイナスのmargin使えるか．なるほど．

css
tips

2007/09/19 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

[CSS]横並びのレイアウトをfloatで配置するTIPS -Floater

CSS Globeでは、下記の画像のような横並びのレイアウトを単純にfloatでレイアウトするのではなく、一工... CSS Globeでは、下記の画像のような横並びのレイアウトを単純にfloatでレイアウトするのではなく、一工夫してレイアウトを行っています。 Css Globe - Floater Floaterで紹介されているテクニックは、左のエレメントにはheightを指定し、右のエレメントにはfloat:rightとheight分のマイナスマージンを指定します。 CSSオフ時は、右の画像のように綺麗にマークアップされた状態で表示されます。マイナスマージンの使用は好きではないのですが、これからはマイナスマージンや背景画像の使用を、忘れないように検討しようと思いました。

ブックマークしたユーザー

taetae1092008/06/28
crema2008/01/22
mo-mo-mo2007/11/20
tricot12007/10/04
komz2007/09/21
ochanoco_naoco2007/09/20
mura242007/09/20
ukimi2007/09/20
kkeisuke2007/09/20
SriVidyut2007/09/20
ken_c_lo2007/09/20
vv_boow_vv2007/09/20
messiquo2007/09/20
koyhoge2007/09/19
akishin9992007/09/19
uchiuchiyama2007/09/19
kurobuchi2007/09/19
gnnk2007/09/19

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx