网页布局时遇到的问题~

在进行如上网页布局时，我的想法时用了一个div盒子里面装三个div盒子，三个里面的div盒子都浮动，本来以为最外面大盒子包住了就不会浮动，但在布局时也出现了浮动的问题，至今也不知道为什么。。。。然后就给每个大div盒子加了清除浮动，这样问题就解决了。

但在接下来移动端自适应布局时，需要一行排列三个盒子，这时最大的div盒子要添加浮动属性，这时因为之前加的1清除浮动属性，导致div盒子不能浮动。所以想了想，给div盒子加了一个overflow：hidden属性后，问题立马解决了，因为是触发了Bfc模式，每个div盒子是自己的一块区域，不会被影响，这样就完美解决了大盒子内盒子浮动，而大盒子不受浮动影响。

另外还有一个问题是，在做自适应布局时，文本文字要自适应的变多或减少，我是给中间的盒子宽度布局为width：clac（100%-左侧盒子宽-右侧盒子宽） 但不知道为什么布局又乱了。。。。真的是无厘头。