简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

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

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 までご連絡ください。
著者別の最新記事
最新の問題
満足のいくWebデザインを作成する方法 自分のデザインを表示することはできません。リデザインして作りたいと思っています。 Web デザインの作成は多面的なプロセスであり、美しさ、機能性、ユーザー エクスペリエンスをシーム...
から 2023-08-10 17:09:33
0
1
236
为什么要编译linux内核？ 鄙人新手，对一些概念不能很理解，总有人说自己编译了一下linux内核，这个具体什么意思呢？有什么好处？还有模块编译又是个啥？编译会不会导致原来的linux炸掉？原来的内核是不是就是...
から 2017-04-17 14:29:54
0
5
592
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！