要素の横のはみ出しのみ切りたい（overflow-xについて）

Question

あるdivの、上下ははみ出したものを表示させ、横は非表示にしたいので

	overflow-x: hidden;
	overflow-y: visible;

と指定しましたが、overflow: hidden;と指定したときと同じように上下左右非表示になってしまいます。
調べたところposition: relative;をつけるといいとのことでしたが、改善されずでした。

よろしくお願いします。

------追記----------

<section>
</section>

section {
  position: relative;
  overflow-x: hidden; ←効かない
}
section:before {  ←縦にはみだしたい、しかし横は切りたい
  position: absolute;
  bottom: 0;
  left: 50%;
  background: url(../img/pic.png) no-repeat center top;
}

Comments

[m.ts10806]

これだけでは前後や親子の関係性まで判断できません。HTMLとCSSをもう少し開示できませんか？

Answer 1

すみません、別の解決しました。