css-如何设置一个三个平行的DIV？

Question

如何设置三个div这样水平排列？左边一个宽度:150px，右边一个宽度:150px，中间一个宽度是其余像素，中间一个最小宽度为800px。所有的 div 都需要一个 position:relative。谢谢。

Answer 1

开始吧，html如下:

<div id="wrap">

   <div class="left"></div>
   <div class="center"></div>
   <div class="right"></div>

   <div class="clearBoth"></div>

</div>

下面是 css:

#wrap {
width: auto;
position: relative;
}

.left, .right {
width: 150px; //or use 30%
float: left;
}

.center {
float: left;
min-width: 800px; //or use 60%
width: auto;
position: relative;
}

.clearBoth {
clear: both;
}