1

float: right上部に 'ed div があり、text-align: centerそのすぐ下に 'ed divがあるページがあります。フローティング div が他の div (そのすぐ下) のフローを変更しないようにすることは可能ですか?

ここに私が見ているものを示す2つのフィドルがあります（私はどちらも好きではありません。次の段落で説明します）：中心 から
外れた-> http://jsfiddle.net/5XMVt/ jsfiddle.net/CSGQn/

そのままにしておくと、フロートされた div によって下の div が左に (中央から) 押し出されます。一番下の div で行うこともできますclear: bothが、それではフローティング div の下に押し下げられます。これは中心から外れているよりはましですが、そのすぐ上に巨大な穴ができるため、最適ではありません。そこにさえないように、その下のdivのフローをまったく変更しないように、フロートされたdivが必要です。

私もやろうと思っていposition: absolute;ましたが、divが右側にあるはずのときに左側にあるはずの場合にのみ機能します。

私が望むのは、「中央に配置する必要がある」というテキストが実際に中央に配置されていることを除いて、最初のフィドルのようなものです。

4

3 に答える 3

2

position:absolute で右フローティング div を設定できます

right:0 を設定すると、右にフロートするのと同じ動作になります。

これは、div がコンテナーではなくページの右側にある必要がある場合にのみ機能することに注意してください。

于 2011-06-15T03:26:56.967 に答える
1

この方法でできると思いますhttp://jsfiddle.net/5XMVt/4/

または、.floating クラスに絶対位置を使用して、right:0px を設定できます。

于 2011-06-15T03:30:07.810 に答える
0

はい、なぜあなたはそのようなものを持っていないのですか？

<div id="container">
  <div id="rightFloat"> you right floated here</div>
  <div id="content"> your text here</div>
</div>

次のスタイルで：

  #container {

  } 
  #rightFloat {
    float: right;
    width: 200px;
    height: 200px;
    border: 1px solid black;
    margin-right: 10px;    
  }
  #content {
    border: 1px solid black;
    float: right;
    clear: none;
    margin-right: 10px;
  }

それはそれをするべきです:)

于 2011-06-15T03:36:50.897 に答える