今天小编跟大家讲解下有关5个DIV并排在一行的一种方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关5个DIV并排在一行的一种方法 的相关资料，希望小伙伴们看了有所帮助。
<html><head><title>一种5个DIV并排在一行的方法</title><style type="text/css">#bottom { margin:0 auto; 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> 提示：您可以先修改部分代码再运行来源：爱蒂网
