標籤：class 頭部 css基礎 margin 元素 多個 span 標籤 解釋
div布局
<html>
<head>
<title>div布局 </title>
<meta charset="utf-8">
<style>
.toubu {width:100%;height:100px;background:aqua;}
.zhuti {width:80%;height:600px;background:red;float:left;}
.left {width:20%;height:600px;background:green;float:left}
.dibu {width:100%;height:200px;background:blue;clear:both}
</style>
</head>
<body style=margin:0px;>
<div class="toubu">頭部</div>
<div class="left">左邊</div>
<div class="zhuti">主題部分</div>
<div class="dibu">底部</div>
</body>
</html>
解釋：
1.div標籤屬於區塊層級元素,自己會獨佔一行,要想讓多個div從左至右排列，需要用到 "浮動"屬性。
2.最後一個div需要清除左浮動效果
clear:both;
屬性意思為：不允許有浮動物件
3.設定div頭部的時候，頭部會離瀏覽器最上邊預設或有8px的間距。我們可以通過外邊距標籤，將8px的空白縫隙取消。
style=margin:0px;
css基礎-2 div布局
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
