ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS Webページレイアウト入門チュートリアル4:固定幅の2列_基本チュートリアル

CSS Webページレイアウト入門チュートリアル4:固定幅の2列_基本チュートリアル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 12:07:181509ブラウズ

固定幅の 1 列を基本として、固定幅の 2 列は非常に単純です。特定の領域を識別するために div が使用されることがわかっており、2 列のレイアウトには当然 2 つの div の使用が必要です。XHTMLコードは次のとおりです:

コードをコピー コードは次のとおりです。

左列



新しいコード構造では、左と右の 2 つの ID を使用して、必要なのは、最初にそれらの幅を指定し、次に 2 つの div を水平行に並べて表示して、2 列のレイアウトを形成することだけです。CSS コードは次のとおりです:
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。