1

あなたが私の問題で私を助けてくれることを願っています。

私は絶対に配置されているdivを持っています（これは変更できません）。このdivには、最大幅と最小幅があります。

私が達成したいのは、divがそのコンテンツまで伸び、幅を超えた場合にのみ、新しい行から開始することです。

HTML：

<div class="black_tooltip_container ">
    some text in here, it can be anything!
</div>

CSS：

position:absolute; min-width:10px; max-width:150px;

私が見るもの：

 _____________
  | some      |
  | text      |
  | in        |
  | here,     |
  | it        |
  | can       |
  | be        |
  | anything! |
  _____________

私が見たいもの：

          width: 150px
  _______________________________
  | some text   in here, it can |
  | be anything!                |
  ______________________________

編集： 問題は解決しました。問題は、divが相対位置と幅が50pxのdivに非常に遠くにネストされていることに気づかなかったことです。

親から削除した後、見た目どおりに機能しました

4

1 に答える 1

1

あなたが持っているものはうまくいくはずです：

<div class="black_tooltip_container ">
    some text in here, it can be anything!
</div>

.black_tooltip_container {
    border:1px solid;
    min-width:10px; 
    max-width:150px;
    position:absolute;
}

ここでそれを参照してください：

http://jsfiddle.net/nbHMY/

于 2013-03-21T21:52:11.040 に答える