Question

我要做的是在特定的Y位置有一个div元素，但是向左或向右浮动（以便页面上的其他文本将围绕它流动）。我似乎无法找到正确的属性组合..

position：relative; float：right有效，但div位于包含元素的顶部

position：relative; top：1in; float：right将div向下移动，但文本流动的区域仍位于区域的顶部，而不是+ 1in区域

position：absolute完全禁用float

这是一个简单的例子：

<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>

我真正想要的是地区，但没有任何浏览器真正支持这一点。

有什么想法吗？感谢..

Answer 1

如果要从顶部偏移浮动，文本在其周围流动，则必须在其上方插入另一个零宽度浮点以实现偏移。像这样：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>

div元素具有绝对垂直，浮动水平

1 个答案: