5个DIV并排在一行的一种方法
发布时间：2016-12-27 来源：查字典编辑
摘要：一种5个DIV并排在一行的方法#bottom{margin:0auto;/*下边居是0*/width:300px;}#bottomdiv{w...
<html><head><title>一种5个DIV并排在一行的方法</title><style type="text/css">#bottom { margin:0 auto;/*下边居是0 */ width:300px;}#bottom div { width:60px;}#d1 { float:left; background:#f00;}#d2 { float:right; background:#0f0;}#d3 { float:right; background:#00f;}#d4 { float:right; background:#00f;}#d5 { float:right; background:#00f;}</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>
提示：您可以先修改部分代码再运行