CSSのレイアウトテクニック - Faux Absolute Positioning

テクノロジーカテゴリーの変更を依頼記事元:

blog.webcreativepark.net

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

コメント

5

記事へのコメント5件

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

cptskgj float方向のネガティブマージンとposition:relativeのleft(right):100%を利用して擬似的に自由配置するというもの。

css

2009/05/13 リンク

masa0x80 要検討

2008/10/11 リンク

mooiboom ネタ元と併せて読むこと

2008/06/29 リンク

dgdg 機会があれば試そう

2008/06/25 リンク

kkeisuke float方向のネガティブマージンとposition:relativeのleft(right):100%を利用して擬似的に自由配置するというもの。

2008/06/25 リンク

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

規約違反を報告

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

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

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

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

CSSのレイアウトテクニック - Faux Absolute Positioning

CSSのレイアウトテクニック - Faux Absolute Positioning ネタ元：CSSレイアウトテクニック"偽装絶対指... CSSのレイアウトテクニック - Faux Absolute Positioning ネタ元：CSSレイアウトテクニック"偽装絶対指定" 久々にCSSでの面白いテクニックですね。 Faux Absolute Positioningについて細かい説明は原文の解説にまかせるとして、かいつまんで説明すると、float方向のネガティブマージンとposition:relativeのleft(right):100%を利用して擬似的に自由配置するというもの。これを利用するとfloatのみでは再現不可能だったレイアウトが可能になります。例えば、メインカラムを先に記述して、後にサイド部分を記述するというマークアップの3カラムのリキッドレイアウト。リキッドレイアウトの為、メインカラムを100%にして、サイド部分にfloatで入り込める領域を作成しなくてはいけないのですが、floatとマージンによる制御だ

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

tsuki-rs2009/06/26
cptskgj2009/05/13
masa0x802008/10/11
bunhiko2008/08/07
t-shimura2008/08/07
k_37to2008/07/07
m_ando2008/07/03
commom2008/07/03
isdyy2008/06/30
mooiboom2008/06/29
night_hike2008/06/27
sanae6002008/06/25
webmugi2008/06/25
tsunamic2008/06/25
Masa032008/06/25
dgdg2008/06/25
pwsproy2008/06/25
ysakmrkm2008/06/25

同じサイトの新着

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

いま人気の記事

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

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx