本文主要包含两个div在同一行,让两个div在同一行,div在同一行,多个div在同一行,div另起一行等相关知识,佚名 希望在学习及工作中可以帮助到您
<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>
提示：您可以先修改部分代码再运行</div> </div>