コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

CSS レイアウトに関する個人的な理解。 (あくまで自己理解です。何か間違っている場合はコメントしないでください)_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:32:45
オリジナル
938 人が閲覧しました

2 列レイアウト (左幅固定、右適応)

例: 

<!doctype html><html><head><title>左部宽度固定，右部自适应</title><meta charset="utf-8"/><style type="text/css">    *{        margin:0px;        padding:0px;        font-size:14px;    }    div{        height:600px;    }    .left{        width:300px;        background:red;        float:left;            }    body div.right{        background:green;        margin-left:300px;            }</style>    <link rel="stylesheet" type="text/css" href=""/></head><body>    <div class="left">左部</div>    <div class="right">右部</div></body></html>
ログイン後にコピー

3 列レイアウト (左と右の幅固定、中央適応)

rr;リー

関連ラベル：
关于css布局的一些个人理解。（只是自己理解，不对的地方勿喷）
ソース：php.cn
前の記事：サフィックス html、htm および shtml_html/css_WEB-ITnose を持つファイルの違い 次の記事：html+css+jsを極めたら将来はありますか？ _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
SCSSを使用してデフォルト値とCSS変数を生成する ウェブサイトのスタイリングを実装しています。レガシー サポートの理由から、少なくともしばらくの間は IE11 をサポートする必要があります。ワークフローと私の健全性の理由から、私は...
から 2024-04-06 17:46:54
0
1
355
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート