ブログ記事内HTMLのスクロールバー対策（Ameba Ownd）
ブログの記事にHTMLを埋め込めますが、ちょっとその挙動が気になったので大したことではないですが記事にしてみます。
ブログにデフォルトで用意されているスタイルはかなり少なく、見た目にこだわりたい場合はHTMLを自分で書く必要があります。
私はブログの記事内のサブタイトルにHTMLを使っています。
例えば上記のように記載すると以下のようになります。
「タイトル」の右側にスクロールバーが表示されています。
これの理由としてはこのHTMLパーツ自体を勝手に<html>タグで囲うためです。（以下の画像参照）
なので手動で<html>タグを自分で追加してしまえばスクロールバーの制御をすることが可能です。手動で追加した場合は自動で追加はされません。
では先ほどHTMLパーツを以下のように変更します。
overflowプロパティをhiddenに変更しています。
変更結果をみてみるとスクロールバーが消え、生成されるHTMLも想定通りです。
0コメント