Web前端技術：案例：div浮動

時間 2019-12-08

標籤 web 前端技術案例 div 浮動欄目 HTML 简体版

原文原文鏈接

效果圖：css

完整代碼：html

<!DOCTYPE html>
<bead>
<meta charset="utf-8">
<title>div</title>
<style type="text/css">
#big-content{
text-align:center;
margin:30px 120px;spa

}
#header{
background-color:blue;
width:;
height:30px;
float:;
}
#content-left{
background-color:yellow;
width:50%;
height:;
float:left;
}
#content-right{
background-color:green;
width:50%;
height:;
float:left;htm

}
#footer{
background-color:pink;
width:;
height:;
float:;
}
</style>
</bead>
<div id="big-content">
<div id="header"><p>這是header部分</p>
</div>blog