拜托大家了!!!

副內容區這一塊 要怎么寫才能和下面的這張圖里面的副內容區的位置一樣?

<style>
.head {width:1020px;
height:100px;
background-color:#999999;}
.page {overflow:hidden;}
.left { width:30%;
height:400px;
float:left;}
.center { width:40%;
height:400px;
margin:0 auto;}
.right { width:30%;
height:400px;
float:right;}
.foot {width:1020px;
height:50px;
background-color:#999999;}
</style>
</head>
<body>
<div class="container">
<div class="head">這里是頭部</div>
<div class="page">
<div class="left">這里是側欄新聞串列</div>
<div class="center">這里是產品串列</div>
<div class="right">這里是副內容區</div>
</div>
<div class="foot">這里是底部</div>
</div>
</body>
</html>
uj5u.com熱心網友回復:
參考一下,現在圣杯布局很少見了,至少我不怎么寫https://blog.csdn.net/qq_38128179/article/details/86533976
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/233345.html
標籤:HTML(CSS)
上一篇:求解button標簽問題
