cssのpositionでdivの範囲外を指定した場合に見切れて表示されない問題の修正点

css

wordpressの新しいテンプレート「twentytwelve」をカスタマイズしていた時に出会った問題ですが、ページの再外側のdivの範囲外を指定すると表示されない問題があり、なんでだろうと思ってcssを見直してみると。。。

@media screen and (min-width: 600px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
	margin: 0 auto;
	overflow:hidden;
	
	}

「overflow:hidden;」が.pageにかかっており、範囲外のが表示されない設定になってました。。。

これを削除したら問題なく表示されます。


コメントを残す

メールアドレスが公開されることはありません。