overflow scroll 効かない

更新 2019/12/02受付中回答 tableタグにtable-layout: fixed;とwidthを明示的に指定して下さい。 投稿 回答の評価を上げる以下のような回答は評価を上げましょう評価が高い回答ほどページの上位に表示されます。回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。 回答率89 更新 2016/10/19解決済 投稿

更新 2019/04/24解決済回答 回答 とりあえず、こんな感じのよくある3ペインビュー(チャットを想定)を作ってみます。 回答

お世話になります。 下記のようなコードでテーブルを作成してはみ出る部分をoverflow: scroll;しているのですが 横スクロールが効きません。 tdのwidth合計ははみ出すように設定しているのに勝手にtdのwidthが短くなり overflowでスクロール設定をしてくれません。

ただいまの解決済回答 © 2014-2020 Leverages Co., Ltd. 回答 更新 2016/11/15解決済 2017/04/13 16:23 キャンセル 更新 2016/10/11受付中回答 更新 2018/06/19受付中回答 overflow-yに「visible」を設定しているのに、はみ出して表示されません。overflow-yに「visible」を設定していて、overflow-xに「hidden」または「scroll」している状態で下方向にはみ出した要素があると、縦方向にスクロールされて表示されるようになっています。

プロパティは"overflow"です。値は下記の中から1つを選択します。

更新 2016/12/05解決済回答 tdにmin-width(最狭幅)を指定するのはいかがでしょうか。 投稿 回答の評価を上げる以下のような回答は評価を上げましょう評価が高い回答ほどページの上位に表示されます。回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。 デフォルトでは幅や高さが指定してあっても入りきるように自動的にボックスの大きさが調整されるようになっています。変更する場合にはoverflowプロパティを使って設定します。 overflow : overflow. 更新 2019/09/05受付中回答 2017/04/13 16:28 キャンセル iOS8については試していないのでわかりませんが、バグだったということでしょうか。 以下本文 スクロールできる要素の問題点. 回答

イケてるデモを構築してoverflow: scrollが効かないのを再現; たった1行を追加してスクロールできるようにする; イケてるデモを構築してoverflow: scrollが効かないのを再現. cssの positionとoverflow:hiddenを併用する場合。 上手く、overflow:hiddenが効かない時がある。 以下のような指定だと起こる 親要素にサイズ指定、overflow:hidden;をしても小要素のposi 更新 2016/11/26頂いたご意見への回答は行っておりません。 更新 2020/02/26受付中 更新 2016/02/10解決済回答 更新 2016/11/24解決済 score 141 お世話になります。 *cssは見やすいように敢えてelement内に全て記載しております。 どなたか原因をご教示願えますでしょうか？ 気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。またクリップした質問に回答があった際、通知やメールを受け取ることができます。クリップを取り消します良い質問の評価を上げる以下のような質問は評価を上げましょう評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します評価を下げられる数の上限に達しました評価を下げることができません質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。質問の評価を下げたことを取り消しますこの機能は開放されていません評価を下げる条件を満たしてません評価を下げる理由を選択してください

上記に当てはまらず、質問内容が明確になっていない質問には「質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。メールアドレスの認証質問評価に関するヘルプページの閲覧回答 2017/04/13 16:24 キャンセル解決済回答

CSS の overflow-y プロパティは、ブロックレベル要素の内容が上下の境界からあふれた場合、どのように表示するのかを設定します。表示しないか、スクロールバーを表示するか、あふれさせるかを設定で … overflow: auto使用します。スクロールバーは、必要なときにのみ表示されます。 （Sidenoteでは、x、yスクロールバーのみを指定することもできます： overflow-x: autoとoverflow-y: auto ）。 スクロールが…効かない…だと！？とりあえず、こんな感じのよくある3ペインビュー(チャットを想定)を作ってみます。見事に社畜感を表していますね。涙がでてきそうです。(涙)投稿しているメッセージのところだけスクロールしたいので、main sectionのところでscrollいれていますが、期待通りにうごきません。なんと、たった1行追記するだけで動くようになります。たったこれだけです。

.