Question

div布局问题，急

通常的div布局是做一个大容器之后再在容器里面做一个居中的div 里面的居中div有固定宽度，优点是容易，缺点是显示屏宽的时候两侧空白太多。
倘若想改掉这个缺点，本可以是使用流动布局，但是流动布局根据百分比来算，浏览器屏幕宽的时候它太宽，窄的时候它太窄，始终跟着浏览器宽度大小的百分比变。
我想在容器内做两个div 在浏览器宽度变小时候他们靠近，浏览器变大时候他们远离，但是浏览器太小时候，他们也不会换行。
求原理 不求代码

Answer 1

我的思路如下：
1、最外层（div_1）设置width:100%
2、在div_1里有两个小层div_1_1和div1_2，width分别为49%和50%，float为left
3、在div_1_1里放一个小层div_1_1_1，固定宽度，float为left
4、在div_1_2里放一个小层div_1_2_1，固定宽度，float为right

【原理】
因为最里面的两个固定宽度的小层是在不同的两个层，所以不会随着浏览器的宽度改变而改变
而两个大层分别占50%，所以无论浏览器宽度再小，它们也不会上下浮动
除非浏览器的宽度小于两个固定层的宽度和

Answer 2

换个角度想想就OK了。
容器里面的两个div，左边的那个左浮动，margin-left给他定个值，右边的那个有浮动，margin-right给他定个值。
这样不就行了吗。。。

Answer 3

可以设置min-height or min-width，就是说你高度和宽度的最小值。