欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

float:left或float:right,靠左和靠右大概让DIV取得默许独占一行属性,所以应用float可让div并排显露。

1、float让div并排显露示例代码


	
  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>float让div并排 CSS5</title> 
  6. <style> 
  7. div{ float:left} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <div>接待会面CSS5!</div> 
  12. <div>深造CSS DIV技术上CSS5!</div> 
  13. </body> 
  14. </html> 

2、css float让div并排效果截图

float让div并排排版效果截图 float让div并排排版功效截图

3、总结 使用float浮动属性让DIV并排表现,还是紧要留神div宽度题目,使用float要让两个或更多DIV盒子并排不换行展现,需求当心并排div中宽度未必小于或即是父级宽度,多么div就会排成一排。


如需转载,请注明文章出处和来源网址:http://www.divcss5.com/shili/s52507.shtml