標籤：知識點 oat ack 知識 content png type div back
<html><head><title>兩列布局</title><style type="text/css">body{margin:0;padding:0;text-align:center}/*兩列的配置樣式*//*float:left向左浮動*/.content{width:920px;margin:0 auto}.left{width:20%;height:500px;background:#f00;float:left}.right{width:80%;height:500px;background:#ff0;float:right}</style></head><body> <!--/*兩列的配置樣式*/--> 兩列的配置樣式，採用浮動的方式<br/> <div class="content"> <div class="left"></div> <div class="right"></div> </div></body></html>
如下：
關鍵知識點：
float:left向左浮動
float:right向右浮動
慕課筆記利用css進行布局【兩列布局】
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
