Q&A
確認しているブラウザを環境情報として追記してください。（あとできればHTMLの方も）また「横スクロールバー」は「縦に上下スクロールするスクロールバー」ということで良いですか？
前提・実現したいこと
サーブレットを用いて開発しているWebアプリケーションをスマホで見ると、
PC・スマホ画面でコンテンツがページをはみ出しているのですが、横スクロールバーが表示されずはみだしている部分を見ることができません。
下記CSSを追記しても何も変わりませんでした。
該当のソースコード
CSS
1html { 2 overflow: scroll; 3}
追記
PC
・GoogleChrome
・Firefox
・InternetExplore
→表示されない
スマホ
iPhone
・GoogleChrome
・Safari
→表示されない
他ブラウザでは確認しておりません。
HTMLはHTML5以降です。
(<!DOCTYPE html>)
横スクロールバーは左右にスクロールするスクロールバーです。
画面のはみだした部分と記載しましたが、
厳密にいうと、テーブルクラスの部分だけがはみ出ているのにスクロールバーがつかない
ということでした。
ヒント Y軸 はどっちの軸でしょう
縦と横の違いがありそうです。CSSの設定が絡む場合が多いので、該当箇所のHTMLとCSSを提示して貰えれば、皆さんから、より良い回答を得れると思います。
asahina1979様 勘違いしておりました・・・。Xに変更してもうまくいかず「overflow: scroll;」でも試しましたがうまくいきませんでした。
mts10806様 追記させていただきました。
しかし自分がおかしいと思ってるだけの場所を1行だけ出されても回答はほぼ不可能だよな（大まかに予想はついたが）
CSSには優先順位があり、装飾効果が効く効かないは優先順位に沿って判断されます。提示のCSS「html」部分だけでは誰も判断できませんので、該当箇所のHTMLとCSSをご提示ください。
-追記-誤記述部分を訂正しました。
回答1件
0
ベストアンサー
全体がよくわからないので見当はずれかもしれませんが
はみ出しているテーブルクラスに
overflow:scroll;
を入れてみてはどうでしょう。
はみ出している一番外側の要素についているスタイルが気になります。
投稿2018/04/10 11:23
総合スコア355
あなたの回答
tips
プレビュー
