第一种：百分比。使用均分的百分比宽度。
第二种：css3弹性布局。父级给定宽度display:flexflex-direction:row子元素全部设置flex:1；
1、首选看一下html代码：
html代码：
<div id="left">
<div class="inner">this is left sidebar content</div>
</div>
<div id="main">
<div class="inner">this is main content</div>
</div>
<div id="right">
<div class="inner">this is right siderbar content</div>
</div>
这种方法是借助于负的margin来实现的，首先在中间列定好固定值，因为此值是不会在改变的，接着对其进行左浮动；那么关键地主是在左右边栏设置地方，这种方法是将其都进行50%的宽度设置，并加上中负的左边距，此负的左边距最理想的值是中间栏宽度的一半加上1px，这样一来，左右边栏内容无法正常显示，那是因为对他们进行了负的左边距操作，现在只需要在左右边栏的内层div.inner将其拉回来。
2、css样式写法如下：
#left,
#right {
float: left
margin: 0 0 0 -271px
width: 50%
}
#main {
width: 540px
float: left
background: green
}
.inner {
padding: 20px
}
#left .inner,
#right .inner {
margin: 0 0 0 271px
background: orange
}
3、具体效果如下：
如果你的布局属于哪种精确宽度布局的话，建议你需要有边框效果的时候使用其他方式达到边框效果，比如我有时候会用2个div嵌套，外部div设定padding以及背景色，内部设定背景色来达到边框的效果；因为用这种方法可以兼容所有浏览器，而boder在不同浏览器中的解析是不同的，这就造成页面出错的问题至于你问的这个问题，我给你做2个解决方案吧，看看你能不能用得上
1、
<div style="width:950pxmargin:0 auto">
<div style=" background-color:#aaapadding:0px 1px 1px 1pxwidth:188pxfloat:left">
<div style="background-color:#FCFCFCheight:103px"></div>
</div>
<div style=" background-color:#aaapadding:0px 1px 1px 0pxwidth:189pxfloat:left">
<div style="background-color:#FCFCFCheight:103px"></div>
</div>
<div style=" background-color:#aaapadding:0px 1px 1px 0pxwidth:189pxfloat:left">
<div style="background-color:#FCFCFCheight:103px"></div>
</div>
<div style=" background-color:#aaapadding:0px 1px 1px 0pxwidth:189pxfloat:left">
<div style="background-color:#FCFCFCheight:103px"></div>
</div>
<div style=" background-color:#aaapadding:0px 1px 1px 0pxwidth:189pxfloat:left">
<div style="background-color:#FCFCFC height:103px"></div>
</div>
</div>
2、
<div style="width:950pxmargin:0 auto">
<div style="border:1px solid #aaabackground-color:#FCFCFCfloat:leftwidth:189pxheight:103px"></div>
<div style="border:1px solid #aaaborder-left:0background-color:#FCFCFCfloat:leftwidth:189pxheight:103px"></div>
<div style="border:1px solid #aaaborder-left:0background-color:#FCFCFCfloat:leftwidth:189pxheight:103px"></div>
<div style="border:1px solid #aaaborder-left:0background-color:#FCFCFCfloat:leftwidth:189pxheight:103px"></div>
<div style="border:1px solid #aaaborder-left:0background-color:#FCFCFCoverflow:hiddenheight:103px"></div>
</div>
