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

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にかかっており、範囲外のが表示されない設定になってました。。。

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

Tweet

関連記事:

clearfixを使用しているとwordpressの下部に空白ができるのを修正する方法 wordpressにいいねボタン設置方法 wordpress サイドバー複数設置方法 wordpressでページごとにテンプレートを切り替えるためのテンプレート追加方法 ワードプレスのテンプレートにプラグイン等のショートコードを入れる方法 wordpressでディレクトリを移動させると管理バーが消えるのを治す方法