標籤：顯示 htm set ide class color utf-8 lang float
<html lang="en"> <head> <meta charset="utf-8"> <title>document</title> <style type="text/css"> .header,.main,.footer{ width:500px; } .header,.footer{ height:100px; //盒子模型 要是不給height 高度 ；將不顯示；只有設定高度才有映像出來 background:#000; } .main{ height: 300px; //內嵌的盒子 也不繼承 height ,也需要獨立設定高度 background-color: #eee; margin:10px 0; } .main .content{ width:300px; height:300px; background:orange; float:left; } .main .sidebar{ width:190px; height:300px; background:green; float:right; } </style> </head> <body> <div class="header"></div> <div class="main"> <div class="content"></div> <div class="sidebar"></div> </div> <div class="footer"></div> </body></html>
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
