float:left或float:right,靠左和靠右大概让DIV取得默许独占一行属性,所以应用float可让div并排显露。
1、float让div并排显露示例代码
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>float让div并排 CSS5</title>
- <style>
- div{ float:left}
- </style>
- </head>
- <body>
- <div>接待会面CSS5!</div>
- <div>深造CSS DIV技术上CSS5!</div>
- </body>
- </html>
2、css float让div并排效果截图
float让div并排排版功效截图
3、总结 使用float浮动属性让DIV并排表现,还是紧要留神div宽度题目,使用float要让两个或更多DIV盒子并排不换行展现,需求当心并排div中宽度未必小于或即是父级宽度,多么div就会排成一排。