html - ブラウザのサイズ変更時にサイドバーが下に移動しないようにする

Question

奇妙な問題に遭遇しました。サイトでメディアクエリを使用していませんが、ウィンドウのサイズを変更するとブログのサイドバーがレスポンシブのように下に移動しますが、そうではありません。そのままのはずです。css でこの問題を解決するにはどうすればよいですか?

私のブログリンク

Answer 1

パーセンテージ（％）を使用しないのはなぜですか？

<div style="width:25%;"></div>

次に、ブラウザ ウィンドウのサイズに合わせてサイズが変更されます。

Answer 2

サイト全体の幅が縮小し、コンテンツ ノードの横にあるサイドバーをサポートできなくなるため、min-width 属性を持つラッパーが必要です。

div.wrapper { min-width:XXXpx; }


<div class="wrapper">
    <div class="content">
    <div class="sidebar">
</div>

ラッパーmin-width(または単にwidth) は、サイドバーとコンテンツを並べて表示するのに十分な幅が必要です。(コンテンツの幅) + (サイドバーの幅) = ラッパーの幅。