標籤：class png eve 情況 pre display microsoft log normal
1、標準文檔流下的div的顯示特點現有3個div，父級div命名為：divmain，同級子div分別命名為：div-left，div-right。
當我們不使用div浮動的時候，正常文檔流(normal document)情況下，代碼及顯示效果如下所示：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 5 <meta charset="UTF-8"> 6 <title>css float學習</title> 7 <style type="text/css"> 8 .divmain{ 9 margin-left: 30px;10 background-color: #FFO;11 width:400px; 12 border: 1px solid #FF0000;13 }14 .div-left, .div-right{15 width: 180px; 16 height: 100px;17 border: 1px solid #000;18 }19 </style>20 </head>21 <body>22 <!--HTML div測試-->23 <div class="divmain">24 <div class="div-left">div left浮動</div>25 <div class="div-right">div right浮動</div>26 </div>27 </body>28 </html>View Code
由我們可以很明顯的看到，父級div(divmain)可以包容兩個子div(div-left，div-right)，並按照正常標準文檔流的特點，區塊層級元素獨行顯示，並自上而下的特點顯示在瀏覽器上。
css float浮動清除
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
