2

私がやろうとしているのは、特定の Y 位置に div 要素を配置することですが、左または右に浮いています (ページ上の他のテキストがその周りを流れるように)。属性の適切な組み合わせが見つからないようです..

position:relative; float:right は機能しますが、div は含まれている要素の上部にあります

position:relative;top:1in;float:right は div を下に移動しますが、テキストが流れる領域は +1in 領域ではなく、領域の上部にあります。

position:absolute フロートを完全に無効にします

簡単な例を次に示します。

<div style='position:relative;top:1in;float:right;border:0.1in solid;'>
<p>This is on the right</p>
</div>
<p>This is the text that should flow around the textbox.  Make as long as needed...</p>

私が本当に欲しいのは地域ですが、これを実際にサポートしているブラウザーはまだありません。

何か案は？ありがとう..

4

1 に答える 1

2

フロートを上部からオフセットし、その周りにテキストを流したい場合は、その上に別の幅ゼロのフロートを挿入してオフセットを達成する必要があります。このように: http://jsfiddle.net/YKYmj/7/

#floater {
    float: right;
    clear: right;    
    border: 1px solid gray;
    background-color: #ccc;
    margin: 10px;
    width: 100px;
    height: 100px;
}

.wrapper:before {
    content: '';
    float:right;
    height:1in;
} 


<div class="wrapper">
    <div id="floater">In offset, floated box</div>
    <p>Lorem ipsum dolor sit amet, consectetur  ...
</div>
于 2013-08-02T18:27:02.127 に答える