DocSeri https://blog.hatena.ne.jp/DocSeri/ 妄想科學倶樂部 https://docseri.hatenablog.jp/ CSS IEのposition/float回りには色々と爆弾があって、どういわけかwidthとの相関性が深いのだが、今ちょっとpositionでサイドメニューを調整しているときに引っ掛ったバグについて書いておく。 メインとなる部分をmargin-leftで余白を作り、そこにposition:absoluteでサイドメニューを置きメインのマージンと同じだけ幅を指定する。これで普通なら構造上は後に書いたメニューを本文左に持って来れるわけだが、IEの場合は何故か予定より右に表示されてしまう。 いろいろテストしたところ、どうもposition指定要素にwidthを同時指定するとwidth分右にずれて表示すると… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdocseri.hatenablog.jp%2Fentry%2F20070322%2F1174541002" title="IEでpositionとwidthを指定するときの注意 - 妄想科學倶樂部" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2007-03-22 14:23:22 rich https://docseri.hatenablog.jp/entry/20070322/1174541002 1.0 100%