1

私の問題は、下の画像でよく理解できます。

コンテンツに応じて可変サイズの div 要素 (div A) がいくつかあります。それらは、max-with が定義された大きなコンテナ (名前のない大きな外側の長方形) 内にブロック内に表示されます。div A 内に他の 2 つの div (B と C) があり、画像のように見えるまで、すべてが正常に機能します。

私は成功していません。ディスプレイ、マージン、パディング、フロートなどのCSSプロパティのいくつかの組み合わせを試しました...負のマージン...テーブル...

どんな助けでも大歓迎です。

ここに画像の説明を入力

アップデート

コードは次の例のようになります。

html

 <div style="max-width: 800px;">
    <div class="div_a">
      <div class="div_b">
        short text
      </div>
      <div class="div_c">
        short text
      </div>
    </div>

    <div class="div_a">
      <div class="div_b">
        looooong text
      </div>
      <div class="div_c">
        looooong text
      </div>
    </div>

    <div class="div_a">
      <div class="div_b">
        huuuuuge text
      </div>
      <div class="div_c">
        huuuuuge text
      </div>
    </div>
</div>

CSS

.div_a{
  display: inline;
}

.div_b{
  display: block; /* doesn't work*/
}

.div_c{
  display: block; /* doesn't work*/
}
4

1 に答える 1

2

私が正しく理解していれば、これでうまくいくはずです：

.div_a{
  display: inline-block;
}

:)

...境界線と間隔のプロパティ以外に、他のスタイルがないと仮定します。

フィドルの例はこちら

于 2013-05-13T23:53:05.170 に答える