overflow:hidden;を1つのページ内に部分的に使うとまずいでしょうか？

Question

overflow:hidden;を適応すると、どうしてもデザインが崩れるので、一部の領域のみ、（contentsNNNN）の部分だけ、overflow:hidden;を適応しない領域を作ったのですが、
この使い方は良くないでしょうか？

企業用のページですので、少し不安になって、
ページ全体に使う方法しか見たことが無かったので、調べてみたのですが、関連する記事が出てきませんでした。

このoverflow:hidden;の使い方は問題ないでしょか？

ちなみにこの配置で、デザインの崩れはおさまっています。overflow:hidden;も全体に適応されています。

<div class="wrapper">

<div class="contents">
</div>


</div>

<div class="contentsNNNN">
</div>

<div class="wrapper">

<div class="contentsABCD">
</div>

</div>

.wrapper{
overflow:hidden;
}

Comments

[Cocode]

どういうデザインを実装したいのかわからないので、質問者様のoverflow: hidden;の使い方の是非は誰にも判断できないと思います。
デザインのスクショ、または実際のコード、またはその両方をご提示いただけましたら幸いです🙇

Answer 1

どういうデザインを実装されたいのかわかりませんので、正確には判断できません。
ただ、本当に単純にご提示いただいたコードだけで判断するなら、その使い方で全く問題ありません。

ページ全体に使う方法しか見たことが無かったので、

そんなことありません。部分的に使うことも多々あります。

---

たとえばマウスオーバーすると背景の色が水平方向に変化するボタンの動きなどです。

例：https://jsfiddle.net/25yzq6dk/

---

他にも例えば、画像を切り抜いたり…
（モダンなコーディング手法ではoverflow:hiddenで画像を切り抜くことは減り、他の方法で行っていますが）

Comments

[gujhufiugho]

丁寧に例示までありがとうございます。大変助かりました。最高な回答者です。

[Cocode]

うれしい(´；ω；`)