用作前端。我看到最多的是左右布局的情况。两框均有左右布局，书写方式多样。但是，在某些情况下，这很麻烦，即一侧宽度固定，另一侧自动适应屏幕或外层宽度。比如窗体：如图：左右布局，但是左边是按百分比排版，小屏幕的时候很挤。宽的时候很松，左边固定不了（因为左边有几个固定字），右边自动适应。类似的问题还有很多，比如后台界面的左右布局，tabs的左右布局等等。1.缺点是用JavaScript计算比较麻烦，写多了，然后不一定对。效率低下，换屏或者改变外层div的宽度效率极低。样式和JavaScript没有分开，很不规则。2.使用css3进行calc计算的缺点缺点：一句话，兼容性不好。优点：使用方便，效率高，最好解决兼容性问题。能不能用css2.0来写这个至于效果，答案是肯定的！3.使用定位方法实现calc的具体布局如上，定位父元素，左侧定位固定宽度的元素，右侧自动适应宽度，使用padding扩展被占用的部分定位元素，这样就可以实现右边的宽度根据父元素的宽度自适应，左边实现固定宽度的效果。左和右也一样。优点：兼容所有浏览器简单易懂，效率高注意：盒子的整体高度是非定位元素打开的，所以写的过程中一定要注意是谁打开了整个父层。在这个例子中，如果右边的高度很低，那么左边因为定位的原因打不开（左边也可以考虑使用绝对定位，或者使用min-height等，大家可以试试出来。）。
