はてな内の2カラムレイアウト - tikeda's blog

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

tikeda.hatenablog.com

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

コメント

22

記事へのコメント22件

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

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

規約違反を報告

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

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

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

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

はてな内の2カラムレイアウト - tikeda's blog

最近のリニューアルなどを経て、はてなのサイトは、2カラムでブラウザサイズに合せてメインカラムが可変... 最近のリニューアルなどを経て、はてなのサイトは、2カラムでブラウザサイズに合せてメインカラムが可変するレイアウトが増えてるのですがキーワードページなどメインカラムの要素が様々だったり、カラムの上下左右と柔軟性が必要な場合が多く、色々やりくりした結果、floatを使った以下の方法で定着しています。 HTML <div id="main"> <div class="box"></div> <div class="box"></div> </div> <div id="sidebar"> </div> CSS #main{ float:left; width:100%; } #sidebar{ float:left; width:250px; background:#CCC; margin-left:-260px; } .box{ margin-right:260px; }こうすると、メインカラ

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

adgt2009/10/26
GOT44162009/10/12
KGA2008/10/06
yhmt2008/09/15
U-82008/09/15
webmarksjp2008/07/14
daddyscar2007/11/04
shinobine2007/09/30
kenichiice2007/04/22
dewdrop2006/12/03
joan92006/08/01
Straynap2006/07/20
rkk-ant2006/07/09
odachi2006/06/28
ayaco2006/06/25
k_ume752006/06/08
qinmu2006/05/16
facet2006/05/13

同じサイトの新着

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

いま人気の記事

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

いま人気の記事 - 暮らし

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

新着記事 - 暮らし

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

設定を変更しましたx