浮子里面有什么浮子?

时间:2011-12-26 12:46:04

标签: css css-float

如果我有容器并将其向右浮动,我浮在里面的元素(例如左边)会浮到左边,直到它到达浮动容器的边缘吗?或者我需要分配位置:亲属;浮动控制它在容器内?

2 个答案:

答案 0 :(得分:1)

它将漂浮在你希望它浮动的任何地方。 看看http://jsfiddle.net/79nRM/

HTML

<div class="placeholder">
    <div id="container">
        <div class="element left"></div>
        <div class="element right"></div>
        <div class="element left"></div>
        <div class="element right"></div>
        <div class="element left"></div>
        <div class="element right"></div>
    </div>
</div>

CSS

.placeholder {width:400px; height:400px;background-color:#cecece;}
#container {float:right;width:200px;height:400px;background-color: Blue;}
.element {width:50px; height:50px;background-color: Red;clear:both;}

.left {float:left;}
.right {float:right;}

答案 1 :(得分:-1)

井位:相对不会受到浮动的影响。位置相对意味着如果您使用诸如top:0px,left:0px之类的标签,则这些标签中定义的金额将相对于其父级。

虽然我相信一个有用的HTML示例会对此有所帮助。父元素浮动的元素仍然可以在其父元素内部向左浮动是。