標籤：back 檔案 doc oat body 設定字型 不同 不能 屬性
<!DOCTYPE html>
<html>
<head>
<style>
/*
1.不加doctype 低版本解析不同
2.id 的屬性不能為數字
3.檔案編碼和設定字型相符
*/
div{
height:200px;
background:blue;
}/*每個div獨佔一行*/
#main{
width:20px;
height:200px;
background:lawngreen;/*背景顏色*/
float:left;/* 向左浮動*/
}
#end{
width:20px;
height:200px;
background:red;
float:right;/*浮動以後，下面的塊會上向上移動*/
}
#end2{
height:400px;
background:orange;
/* clear:right; 清除右幅*/
clear:both;
}
</style>
</head>
<body>
<div id="header"> </div>
<div id="main"></div>
<div id="end"></div>
<div id="end2"></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
