关于div的布局问题

Question

已知HTML结构如下，在不考虑低版本浏览器兼容性的情况下，你可以用哪些方法来实现这个三列布局：左右两列定宽100像素，中间宽度自适应，三列之间没有间距。<div class="parent">        <div class="left">左列</div>        <div class="center">中间列</div>        <div class="right">右列</div></div>

Answer 1

	<style type="text/css">
	
	  /* css reset */
	  html, body, div {margin: 0;padding: 0;}
	  html, body {width: 100%;height: 100%; overflow: hidden;}
	  .parent{position: relative;height: 100%;}
	  
	  /* 主要代码 */
	  .left{position: absolute;left: 0;top: 0;width: 100px;height: 100%;background: #f00;}
	  .center{width: auto;height: 100%;margin: 0 100px;background: #0f0;}
	  .right{position: absolute;right: 0;top: 0;width: 100px;height: 100%;background: #00f;}
	  
	</style>

很高兴解答你的问题，我一般解决的方法是：

1、外层DIV(div.parent)设置相对定位

2、左右两个DIV设置绝对定位

3、中间DIV设置宽度为自动，左右外边距设置成左右DIV的宽度

！！如果有更方便的方法 麻烦告诉我一下~~~ thx