法則51 2カラムの可変レイアウトにはネガティブマージンを使用する｜サンプルダウンロード｜Web標準XHTML+CSSデザインクリエイターが身につけておくべき新・100の法則。公式サポートサイト

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

web-100.jp

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

記事へのコメント0件

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

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

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

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fweb-100.jp%2Fsample%2F051.shtml" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://web-100.jp/sample/051.shtml">法則51 2カラムの可変レイアウトにはネガティブマージンを使用する｜サンプルダウンロード｜Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト</a><a href="https://b.hatena.ne.jp/entry/s/web-100.jp/sample/051.shtml">はてなブックマーク - 法則51 2カラムの可変レイアウトにはネガティブマージンを使用する｜サンプルダウンロード｜Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト</a></div></iframe>

プレビュー

規約違反を報告

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

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

アプリをダウンロード

法則51 2カラムの可変レイアウトにはネガティブマージンを使用する｜サンプルダウンロード｜Web標準XHTML+CSSデザインクリエイターが身につけておくべき新・100の法則。公式サポートサイト

XHTMLソース <div id="header"> <p> テキスト</p> </div> <div id="main"> <div id="... XHTMLソース <div id="header"> <p> テキスト</p> </div> <div id="main"> <div id="inner"> <p> テキスト</p> </div> </div> <div id="sub"> <p> テキスト</p> </div> <div id="footer"> <p> テキスト</p> </div> CSSソース #header { height: 80px; } #main { float: left; width: 100%; } #inner { margin-left: 200px; } #sub { float: left; width: 200px; ma