1. ホーム
  2. html

[解決済み] スクロールバーが不要な場合はCSSで非表示にする

2022-03-17 14:25:54

質問

を隠す方法を考えています。 overflow-y:scroll; が必要でない場合。つまり、私はウェブサイトを構築しており、投稿が表示されるメインエリアがあります。コンテンツが現在の幅を超えない場合、スクロールバーを非表示にしたいのです。

また、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;
}

ウェブサイトのメインコンテナです。

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

解決方法は?

セット overflow-y プロパティに auto または、継承されていない場合は、そのプロパティを完全に削除します。