CSS おれおれ Advent Calendar 2012 – 05日目 横幅いっぱいに広げようとしてwidth:100%を指定したら横スクロールバーが出ちゃった、という経験ありませんか? その原因と仕組み、回避策についてお話しします。 わりとFAQな感じ。これは是非覚えておいてもらいたいです。というか知っておいてください。 はみ出した例 position:absoluteないしposition:fixedを使った際にこうなっちゃう事が多いと思います。 上部から出てきたメッセージ欄、横にはみ出てますね。 でも指定はちゃんとwidth:100%です。「幅いっぱい」を指定しているのに、どうしてはみ出てしまったんでしょうか。 「幅」が意味するところ 実はCSSの仕様が定めるところの「幅」というのが、我々が視覚的に認知している「幅」と異なっているのが原因です。 CSSではこんなものを定めています。
本日、はてなブログの編集サイドバーに「Evernote貼り付け機能」を追加しました。「Evernote」に投稿したノートを、ブログの編集画面から簡単に貼り付けられます。 Evernoteに保存したWebのクリップをブログに貼り付けたり、日々の生活の中で記録したメモやアイディアをまとめたり、ブログ記事を下書きしたり、自由なコラボレーションにご利用ください。 また、これにあわせてEvernote×はてなノベルティセットが当たるプレゼントキャンペーンを実施します。プレゼント賞品や応募方法についてはエントリーの最後をご覧ください。<キャンペーン概要までスキップする> Evernoteとは 最高のメモアプリ - Evernote で大切なノートを整理 Evernoteは、米Evernote社が提供するドキュメント管理ツールです。日々の生活のさまざまな事柄を、PC、携帯端末、Webなどのデバイスから簡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く