老师我这样的代码算是圣杯布局么。

来源：3-2 圣杯布局案例（了解即可）

无根鸟飞呀飞

2019-06-17 12:05:12

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="reset.css">
<style>
.head,
.footer{
height: 50px;
width: 100%;
background: #ddd;
text-align: center;
line-height: 50px;
/*float: left;*/
}
body{min-width: 700px;}
.middle{
width: 100%;
background: red;
height: 500px;
}

.left{
width: 120px;
height: 300px;
background: blue;
position: relative;
left: -120px;
top: 0px;
margin-top: -500px;
}

.right{
width: 220px;
height: 600px;
background: yellow;
position: relative;
left: 100%;
margin-top: -300px;


}
.container{
padding: 0px 220px 0px 120px;
}
</style>
</head>
<body>
<div class="head">头部</div>
<div class="container">
<div class="middle">
<h4>这里是中间</h4>
<p>新华社杜尚别6月16日电（记者李奥　栾海）中国国家主席习近平14日至16日在塔吉克斯坦首都杜尚别出席亚洲相互协作与信任措施会议第五次峰会并对塔吉克斯坦共和国进行国事访问。塔各界人士普遍认为，习近平主席此访深化中塔真诚互信、合作共赢的全面战略伙伴关系，增进全天候友谊，提升各领域合作水平。

塔吉克斯坦第一副总理赛义德说，习近平主席此次访问为巩固和拓展两国各方面关系注入新动力。中国在经济、社会、科技等领域取得巨大成就，是国际舞台上值得信赖的伙伴。得益于高水平互信和牢固的友谊，塔中在政治、经济、人文等领域的双边关系蓬勃发展。塔吉克斯坦完全支持“一带一路”倡议，认为落实这一倡议将推动塔中进一步开展各领域合作。</p>
</div>
<div class="left"><h4>这里是左侧</h4>
<p>新华社杜尚别6月16日电（记者李奥　栾海）中国国家主席习近平14日至16日在塔吉克斯坦首都杜尚别出席亚洲相互协作与信任措施会议第五次峰会并对塔吉克斯坦共和国进行国事访问。。</p></div>
<div class="right"><h4>这里是右侧</h4>
<p>新华社杜尚别6月16日电（记者李奥　栾海）中国国家主席习近平14日至16日在塔吉克斯坦首都杜尚别出席亚洲相互协作与信任措施会议第五次峰会并对塔吉克斯坦共和国进行国事访问。塔各界人士普遍认为</p></div>
</div>
<div class="footer">尾部</div>
</body>
</html>

写回答

1回答