開発環境:
Windows10 Pro
Ameba Blog
開発言語:
html css
画面上で要素を固定する場合は、position: fixed;を指定します。
その場合は、通常最前面に表示したいと思うので、z-index: 9999;も合わせて指定しておいた方が安全です。
また、表示位置の指定も必要になりますので、
margin-top:-22px;
margin-left:calc(50% - 560px);
等も指定しておきます。
例
.skin-blogHeaderNav { margin-top:-22px; /*表示位置を計算してセンター表示*/ /*margin-left:calc(50% - 560px);*/ /*幅全体に表示する場合*/ width:100%; position: fixed; z-index: 9999; }
例では、表示位置指定をした後、幅及び左右の表示位置(計算)することもできますが、幅を100%指定して内部要素をセンター表示しています。
さらに固定と最前面を指定しています。