求助css+div高手解决问题，改变内部div，状态不定，这个是为什么啊？？
<div class="all">
<div class="F" style="width:180px;height:180px;background-color:red;float:left;">
</div>
<div class="W" style="width:100px;height:60px;background-color:black;float:left;">
</div>
<div class="T" style="width:130px;height:60px;background-color:yellow;float:left;">
</div>
</div>
想让图片的效果是上面的样子，但是改变最下面黄色区域的宽度就编程线面的样子了，最外层父div的宽度是300px；
因为你设置了浮动，而且你的红色区域的宽度加上黄色的区域的宽度小于300px，黄色区域就跑到右边了
若大于300px，黄色区域就跑到下边
你改成这样
<div class="T" style="width:130px;height:60px;background-color:yellow;clear:both;">
不管宽度如何变化它始终在下面追问
对啊，这个我知道，可是就是想让宽度小的情况下，让它还跑到下面去！！！呵呵
追答既然对了那就采纳吧
----------------------
个人建议说不清楚的话就直接上代码要么截图，个人观点哈。
想让布局是这个样子的，但是改变下面黄色区域的div的宽度，就变成下面这个样子了，怎么解决啊
因为主div 你没设宽度
你所说的 “内部的div的宽度之和如果超过父div的宽度” 根本就没应用到
.all{
width:300px;
}
这个是父div的设置，忘记粘贴出来了
我不知你怎么会这样。但如果你只想让黄色的到下面的话，你可以在黄色div里的css属性把float：left；去掉；然后再加上clear：both；清除浮动，应该就可以了。试下吧
追问哦 好的 我先试试
追答嗯。其实我刚试过了你上面的代码。效果是这样的，所以真不知你是哪里弄错了
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div class="all" style="width:300px;">
<div class="F" style="width:180px;height:180px;background-color:red;float:left;">
</div>
<div class="W" style="width:100px;height:60px;background-color:black;float:left;">
</div>
<div class="T" style="width:130px;height:60px;background-color:yellow;float:left;">
</div>
</div>
</body>
</html>
发现了关于定位的详细讲解， 可以直接用top right buttom left也可以实现你哪个效果。这个就不写了，见http://www.w3cplus.com/css/advanced-html-css-lesson2-detailed-css-positioning.html
正常情况下，如果内部的div的宽度之和如果超过父div的宽度，就要被挤到下一行，但是这个没有，变化挺奇怪的，今天开发遇到的问题，实在解决不到了。
追答你是不是设置了父DIV的overflow属性为hidden了？还有你的DIVposition设置对了没
追问没设置，我试试加上这两个属性。我现在是想让那个黄色区域跑到红色区域的下面，但是偏偏没有。还是不好用，没效果