问题描述
- 一个CSS的样式问题，关于浮动
-
Html代码如下<div id="a"></div> <div id="b"></div> <div id="c"></div>css如下
#a{ background:red; height:100px; width:100px; float:left; } #b{ width:200px; height:200px; background:green; } #c{ background:yellow; width:300px; height:300px; }我做出来的是
但是书上说的是B在A的右边，求解?用google浏览器，兼容问题？
解决方案
请问你的浮动代码在哪？？
解决方案二：
float:left;左浮动
clear:both;清除浮动
解决方案三：
#a{
float:left;
background:red;
height:100px;
width:100px;
}
#b{
float:right;
width:200px;
height:200px;
background:green;
}
#c{
background:yellow;
width:300px;
height:300px;
}
解决方案四：
浮动做不出你那种效果。。a还能浮动到b上，你用的absolute定位了吧。。css贴出来也不全
<!DOCTYPE html><style>
#a,#b,#c{float:left}
#a{
background:red;
height:100px;
width:100px;
}
#b{
width:200px;
height:200px;
background:green;
}
#c{
background:yellow;
width:300px;
height:300px;
}
</style>
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
解决方案五：
绝对有其他代码，相对定位和绝对定位，浮动不会浮动到另外一个块级元素
时间： 2024-11-10 00:38:49