固定レイアウト

1926 ワード
CSS html テキストリンク
ガイドコース
  • 頂部固定レイアウト


    • htmlを上記のように表記します.特に<section class="content>部は、容器で包み、以降ダウンジャケットや利益を利用するのが便利になるので、上記のように表記しました.headerは上部が固定されているため、次のように指定されています.
    .top {
	position: fixed;
	top:0;
	left:0;
	right:0;
	height: 100px
    ...
}
    また、主なコンテンツの領域がmin-height: 100%であるため、コンテンツの領域がタイトルを侵害し、footerも100 px未満であるため、まずコンテンツ領域のCSSを
    margin-top: -100px;
    使用すると、コンテンツ領域は100 pxに上昇し、ツイッターは低下します.

    次に、コンテンツ領域のpadding-top値を200 pxとする.marginの100 pxに上昇し、headerの領域の100 pxはコンテンツ領域の位置にぴったり合っている.
    次に、上部固定レイアウトの結果を確認するために、コンテンツ領域を人為的に追加すると、headerが上部に固定される.
    白準9322鉄壁安全アルゴリズム(実施)
    『Java同時プログラミング』の4:Executorフレームワーク