<html>
<head>
<title>百宝箱教你实现5个DIV并排在一行的解决方案</title>
<style type="text/css">
.baibaox{
margin:0 auto;/*上下边距是0,左右自动调整 */
width:950px;
}
.baibaox .div1{
float:left;
background:#0000FF;
width:150px;
}
.baibaox .div2{
float:left;
background:#FFFF00;
width:200px;
}
.baibaox .div3{
float:left;
background:#FF00FF;
width:200px;
}
.baibaox .div4{
float:left;
background:#00FF00;
width:200px;
}
.baibaox .div5{
float:right;
background:#FF0000;
width:200px;
}
</style>
</head>
<body>
<div class="baibaox">
<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3">div3</div>
<div class="div4">div4</div>
<div class="div5">div5</div>
</div>
</body>
</html>