0

私は文字通り一日中苦労してきた問題を抱えています。2 つの div が隣り合って配置されています。問題は、ブラウザー ウィンドウのサイズを変更すると (小さい)、右の div が左の div の下にジャンプすることです。親の固定幅を指定し、内側の 2 つの div の幅が親の div の幅を超えないようにしました。私のマークアップ:

<div class="parent">
  <div class="left">contents</div>
  <div class="right">contents</div>
</div>

<style>
 .parent
 {
   width: 800px;
 }

 .left
 {
   float: left;
   width: 305px;
 }

 .right
 {
   display: inline-block; (also tried float: left)
   width: 480px;
 }
</style>

私は本当にこれについて助けが必要です、私は夢中になります。ありがとうございました

4

3 に答える 3

1

jsFiddle にプラグインされたコードは次のとおりです。

http://jsfiddle.net/FHqtK/

ここでは で問題なく動作するため、干渉する他のスタイルがいくつかあるに違いありませんfloat: left。

于 2012-05-28T21:57:38.353 に答える
0

これを試して：

  .right {
        display: inline-block;
        white-space: normal;
        width: 480px;
    }
于 2012-05-28T22:07:35.653 に答える
0

div が指定した幅であると確信していますか? マージンまたはパディングがある場合があります。また、投稿したコードが、作業中のコードとまったく同じではないことを願っています。style タグは head タグ内にある必要があります。

構造は次のようになります: http://jsfiddle.net/XEamY/

于 2012-05-28T22:04:06.093 に答える