Googleのように、見栄え良く下にメニューを表示する方法

 


理解するには、cssを知っている必要があります。min-heightがありIE6非対応のプロパティも一般的になりつつあることがわかります。

#footer{
	display:block
}
#footer{
	font-size:10pt;
	min-height:49px;
	position:relative
}
#footer>div{
	border-top:1px solid #ebebeb;
	bottom:0;
	padding-top:3px;
	position:absolute;
	width:100%
}

デバック用: FB:0 TW:0 Po:0 B:0 G+:0 Pin:0 L:0

ツイート 0  このエントリーをはてなブックマークに追加  

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

トラックバックURL:https://pcmanabu.com/google%e3%81%ae%e3%82%88%e3%81%86%e3%81%ab%e3%80%81%e8%a6%8b%e6%a0%84%e3%81%88%e8%89%af%e3%81%8f%e4%b8%8b%e3%81%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b/trackback/