CSS+div で、最初に div 背景を作成し、次にこの 内に 2 つの を配置したいと考えました。これは、Web ページを半分に分割することを意味しますが、問題が発生します。左側の の高さと幅を指定して、右側に を作成すると、最初の と並べて表示されませんでした。が一番下に配置され、右側は空になります (内側の 2 つの の幅は背景を超えません)。助けてください。内部の 2 つの を並べて表示する方法を誰か教えてください。もっと詳しく説明したほうがよいでしょう。ありがとう! 最初の div に style: float:left; を追加しましたが、効果はありませんでした。また、2 番目の にも、効果はありませんでした。 ディスカッションに返信 (解決策) <br> .bd{position:relative;} <br> .bd-left{height:300px;;margin-right: 300px;background:#ccc;} <br> .bd-right{width:300px;height:300px;position:absolute;top:0;right:0;background:#AAA;} <br> </p> <div class="bで」 > <br /> > <br /> <style type="text/css"> <br /> .bd{position:relative;} <br /> .bd-left{height:300px;;margin-right:300px;background:#ccc; } <br /> .bd-right{幅:300px;高さ:300px;位置:絶対;上:0;右:0;背景:#AAA;} <br /> ;/p> <br /> <br /> </div> <br /> <br /> <br /> <br /> # d6e4ef; COLOR: #000000 は div に影響しますが、BACKGROUND: #d6e4ef; COLOR: #000000 を div に含めても機能しません。原理がまだ理解できていないので、詳しく説明していただければ幸いです。削除したコード構文に問題があると思います。他の要素によって圧迫される。 2: 幅が十分ではありません <br /> <br /> フローティングなしで位置決めを使用できます <br /> このようなことは起こりません <br /> </p> 非常に簡単です: float:right を float:left に変更できます <p class=" sougouanswer> <p class="yy"> float: left <br> <br> <br> まず第一に、ご回答ありがとうございます。2# が言ったことではなく、問題は解決しました。それを試しました。本文で BACKGROUND: #d6e4ef; #000000 を使用すると、div に影響します。と入れて BACKGROUND: #d6e4ef ; COLOR: #000000 を div に入れても機能しません 最後に BACKGROUND: #d6e4ef; を削除すると機能しますが、まだ原理がわかりません。説明していただければ幸いです。 <br> <br> <br> これとは何の関係もないはずですが、投稿者はまだ問題の鍵を見つけていないようです <br> <br> 私の経験では、このようなことがテーブルを使用してレイアウトできる場合は、テーブルを使用してください。プログラムにはアクセシビリティ、i18n、UX デザイナーの要件が頻繁に変更されるなど、非常に面倒です<br></p> </div> </div> </div> </div> </div> </div>