UC知道请问css浮动和相对定位的问题?
来源：百度知道 编辑：UC知道 时间：2024/06/21 00:59:51
请问css浮动和相对定位的问题?
<style>
.father{
background:green;
border:1px solid black;
padding:20px;
}
.a{
background:blue;
border:1px solid black;
float:left;
}
.b{
background:yellow;
border:1px solid black;
float:left;
}
</style>
<div class="father">
<div class="a">111</div>
<div class="b">222</div>
</div>
请认真详细回答!
当给.a和.b使用了float之后,请问这时.a和.b是不是都脱离了.father父块的标准流,
如果是脱离了父块的标准流的话,那么请问这时的.a和.b是相对于什么的?
第二:
如果给.a和.b在float的基础上,再加上position:relative相对定位的话,
那么请问这.a和.b是不是也是脱离标准流的?
<style>
.father{
background:green;
border:1px solid black;
padding:20px;
}
.a{
background:blue;
border:1px solid black;
float:left;
}
.b{
background:yellow;
border:1px solid black;
float:left;
}
</style>
<div class="father">
<div class="a">111</div>
<div class="b">222</div>
</div>
请认真详细回答!
当给.a和.b使用了float之后,请问这时.a和.b是不是都脱离了.father父块的标准流,
如果是脱离了父块的标准流的话,那么请问这时的.a和.b是相对于什么的?
第二:
如果给.a和.b在float的基础上,再加上position:relative相对定位的话,
那么请问这.a和.b是不是也是脱离标准流的?
问题一：.a和.b肯定是都脱离了.father父块的标准，如果没有指定position属性则默认为static,无特殊定位.
第二，如果加上position:relative相对定位的话, 会相对于最近的已定位元素定位，在你的例子中是father。
以上均在firefox试验通过
都不会脱离了.father父块的标准流
因为它们都在.father父块里面