DIV不換行的方法，如下代碼：
- <Html>
- <head>
- <title>DIV不換行的方法 - www.cxybl.com</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>