7
2つのdivを並べて表示-流体表示
2つのdivを並べて配置し、次のCSSを使用しようとしています。 #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTMLはシンプルで、ラッパーdivに左と右の2つのdivがあります。 <div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> StackOverflowや他のサイトでもより良い方法を探すために何度も試みましたが、正確なヘルプが見つかりませんでした。 したがって、コードは一見問題なく動作します。問題は、幅(%)を増やすと、左側のdivが自動的にパディング/マージンを取得することです。したがって、幅が65%の場合、左側のdivにはパディングまたはマージンがあり、右側のdivと完全に揃っていません。次に、ページを拡大すると、右側のdivが左側のdivの下にスライドします。 注:すみません、たくさん検索しました。この質問は何度も尋ねられましたが、それらの答えは私を助けていません。私の場合、何が問題なのかを説明しました。 私はそれに対する修正があることを望みます。 ありがとうございました。 編集:申し訳ありませんが、HTMLの問題です。左側と右側の両方に2つの「ボックス」divがあり、%でパディングがあり、幅が広いため左側がより多くのパディングを示していました。申し訳ありませんが、上記のCSSは完璧に動作し、その流動的な表示と修正が行われています。間違った質問をして申し訳ありません...
222
css
html
fluid-layout
fluid