スイング・ロジカルノートシリーズ | ノート・紙製品 | 製品紹介 | ナカバヤシ株式会社：アルバム・製本・シュレッダー・情報整理の総合サポーター
ﾉ-B501A-5P スイング・ロジカルノート B5 A罫 30枚 5冊パック ナカバヤシのエシカル環境保全・社会貢献製品 ロジカルA罫（7mm） オープン
[ CSS ] グリッドレイアウトのサンプル
汎用的に使える CSS グリッドレイアウトのサンプルがあれば良いなぁと思い、コンテンツエリアを等分割して、その中の領域をいくつ使うかでクラスを使い分けるサンプルを書いてみました。 – [ CSS ] グリッドレイアウトのサンプルページ ## CSS 部分のサンプルコード .col-3 { width: 940px; margin-bottom: 20px; } .col-3 .box-1 { float: left; width: 300px; padding-right: 20px; } .col-3 .box-2 { float: left; width: 620px; padding-right: 20px; } .end { float: right !important; padding-right: 0px !important; } ## HTML 部分のサンプルコード
![[ CSS ] グリッドレイアウトのサンプル](https://cdn-ak-scissors.b.st-hatena.com/image/square/5002725c7223d1fb0368b088d435a1db4247bb75/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2008%2F07%2Fcss-grid-layout1.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
STALOGY – Stationery, Standard & Technology | 狭いスペースでも使えることを意識した横型ノートが発売！
ロジカルシリーズ公式サイト｜ナカバヤシ
AjaxベースのPHPを使ったグリッドコンポーネント:phpspot開発日誌
