第一个想到的是使用 table布局 ，设置table的宽度为100%，三个td，第1个和第3个固定宽度为100px，那么中间那个就会自适应了，下面是一个实时的demo：
left middle right但是table布局是不推荐的，table布局是css流行之前使用的布局，有很多缺点：当table加载完之前，整个table的都是空白的，table将数据和排版参和在一起，使得页面混乱，并且table布局修改排版十分麻烦和困难。
如果不用table布局，那么第二个想到的办法是 采用float ，让左边的div float left，右边的div float right，如下边所示：
Action 1 先让左右两个div浮动
float left
float right
中间还有一个div，如果将中间的div排在第二：
left
查看更多关于从三栏自适应宽度布局到css布局的讨论_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did110088