標籤：style blog http color 使用 width
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>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
