FC2のレイアウトをいじっているときのお話。
ソースコードを示すときに、引用の為に私は、blockquoteを使っているのだが、
ソースが横に長すぎてはみでてしまい見栄えが悪かった。
そこでCSSをいじってoverflow:autoをつけたのに、横スクロールバーが表示されない!
解決方法を探すのにちょっと時間かかったのでメモメモ。
引用に枠線/背景色/横スクロールバーを付ける
最初はここを参考にしてやってみたのだが、冒頭でも話した通り、overflow:autoじゃいけんのですよねー
overflowの属性をautoにする以外にも、scrollと指定したのにスクロールバーは表示されんかった。
そんで結論として、
[CSS] overflow:auto で横スクロールバーがあるときに高さが足りなくなるのを防ぐ
ここを参考にしたらあっけなくできた。
どこのページみてもスクロールバーを表示させるには、overflow:autoって書いとけば良いしかかいてないんだけど、
それだけではダメみたい。
解決方法として、
overflow-x:auto;
overflow-y:hidden;
これを指定してやったら横スクロールバーがでてきた!
これで横に長い引用でもらくらく対応だ!!!!!!!!!!!!ひゃっほおおおおおおおい!!
こんにちは。virapture…
View Comments
Thanks for sharing. I read many of your blog posts, cool, your blog is very good. https://www.binance.info/it/join?ref=WTOZ531Y
Your article helped me a lot, is there any more related content? Thanks!