Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

【CSS】レスポンシブ時に右側に余白ができたときの解消法

レスポンシブ時に右側に余白ができたときの解消法

はじめての投稿になります!
アプリ開発中に出くわした問題解決時の備忘録がてら、今後ちょいちょい投稿していきます!

<body>
 <div class="wrap">
.
.

 </div>
</body>

body要素をまるっとwrapクラスで囲って、、

.wrap {
overflow: hidden;
}

そのwrapクラス、css指定ではみ出した要素をhidden指定するだけです^^
以上!

Yosuke_Narumi
駆け出しエンジニアです! 現在はRailsで自社サービスのアプリの開発をしています! 先月末(2020/11)、入社1月で「小説執筆アプリ-Mono-」をリリースさせていただきました! https://www.mono-kaki.site/
evolu
「みんながわくわくする世界をつくる」ために日々技術の研鑽をしていきます
https://evolu.tokyo
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away