一种5个DIV并排在一行的方法
<html>
<head>
<title>一种5个DIV并排在一行的方法</title>
<style type="text/css">
#bottom {
margin:0 auto;/*下边居是0 */
width:300px;
}
#bottom div {
width:60px;
}
}
}
}
}
}
</style>
</head>
<body>
<div id="bottom">
<div id="d3">d3</div>
<div id="d1">d1</div>
<div id="d2">d2</div>
<div id="d4">d4</div>
<div id="d5">d5</div>
</div>
</body>
</html>
<head>
<title>一种5个DIV并排在一行的方法</title>
<style type="text/css">
#bottom {
margin:0 auto;/*下边居是0 */
width:300px;
}
#bottom div {
width:60px;
}
#d1 {
float:left;
}
#d2 {
float:right;
}
#d3 {
float:right;
}
#d4 {
float:right;
}
#d5 {
float:right;
}
</style>
</head>
<body>
<div id="bottom">
<div id="d3">d3</div>
<div id="d1">d1</div>
<div id="d2">d2</div>
<div id="d4">d4</div>
<div id="d5">d5</div>
</div>
</body>
</html>
