首页 > 代码库 > CSS 中浮动的使用
CSS 中浮动的使用
float
none 正常显示
left 左浮动
right 右浮动
clear
none 允许两边浮动
left 不允许左边浮动
right 不允许右边浮动
both 不允许两边浮动
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>CSS 中浮动的使用</title> 6 <style type="text/css"> 7 .div1{ 8 background-color:#0F0; 9 width:200px; 10 height:200px; 11 float:left; 12 } 13 .div2{ 14 background-color:#0FF; 15 width:200px; 16 height:200px; 17 float:left; 18 } 19 .div3{ 20 background-color:#000; 21 width:200px; 22 height:200px; 23 float:left; 24 } 25 .div4{ 26 background-color:#FF0; 27 width:200px; 28 height:200px; 29 float:left; 30 } 31 </style> 32 </head> 33 <body> 34 <div class="div1"></div> 35 <div class="div2"></div> 36 <div class="div3"></div> 37 <div class="div4"></div> 38 </body> 39 </html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。