CSSは必要なければスクロールバーを隠す

私はどのように隠すことができるかを理解しようとしています overflow-y:scroll;必要でない場合にどうすればいます。つまり、私はWebサイトを構築していて、投稿が表示されるメイン領域があり、コンテンツが現在の幅を超えない場合はスクロールバーを非表示にしたいと考えています。

また、2つ目の質問です。投稿が現在の幅を超えたときに幅が自動的に増加し、コンテンツがボックスから出ないようにしたいと思います。

誰にもこれを行う方法の手掛かりがありますか？

投稿エリア：

.content {
    height: 600px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 15px;
    text-align: justify;
    line-height: 19px;
    overflow-y:scroll;
}

メインWebサイトコンテナー：

.container {
    margin: 0 auto;
    width: 757px;
    margin-top: 30px;
    text-align: center;
}

overflow-yプロパティをautoに設定するか、継承されていない場合はプロパティを完全に削除します。

使用できます overflow:auto;

overflow-xおよびを使用して、x軸またはy軸を個別に制御することもできます。overflow-yプロパティを使用ます。

例：

.content {overflow:auto;}
.content {overflow-y:auto;}
.content {overflow-x:auto;}

.contentと.containerの両方を使用して、overflow：autoを実行できます。テキストが超過した場合、自動的にスクロールはx軸とy軸になります。（個別のx軸とy軸を与える必要は通常、overflow：autoを与えます）

.content {overflow：auto;}

.selected-elementClass{
    overflow-y:auto;
}

.container {overflow：auto;}がうまくいきます。特定の方向を制御する場合は、その特定の軸にautoを設定する必要があります。AE

.container {overflow-y：auto;} .container {overflow-x：hidden;}

上記のコードは、x軸のオーバーフローを非表示にし、y軸で必要なときにスクロールバーを生成します。ただし、デフォルトの高さがコンテナーの高さよりも小さいことを確認する必要があります。そうでない場合、スクロールバーは非表示になりません。