亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

正在回答

1 回答

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>混合布局</title>
<style>
body{?margin:0;?padding:0;?font-size:30px;?font-weight:bold}
div{?text-align:center;?line-height:50px}
.top{?height:100px;background:#9CF}
.head,.main{?width:960px;margin:0?auto;}
.head{?height:100px;?background:#F90}
.left{?width:220px;?height:600px;?background:#ccc;float:left;}
.right{?width:740px;?height:600px;background:#FCC;?float:right}
.r_sub_left{?width:540px;?height:600px;?background:#9C3;?float:left}
.r_sub_right{?width:200px;?height:600px;?background:#9FC;?float:right;}
.footer{?height:50px;?background:#9F9;?margin:0;}
</style>
</head>
<body>
<div?class="top">
????<div?class="head">head</div>
</div>
<div?class="main">
????<div?class="left">left</div>
????<div?class="right">
?????<div?class="r_sub_left">sub_left
????????</div>
????????<div?class="?r_sub_right">sub_right
????????</div>
????</div>
</div>
<div?class="footer">footer</div>
</body>
</html>

0 回復 有任何疑惑可以回復我~
#1

qq_救救我吧_1 提問者

非常感謝！
2016-06-21 回復 有任何疑惑可以回復我~
#2

Happy_learning

17行：.footer{ height:50px; background:#9F9; margin:0;} 應：.footer{ height:50px; background:#9F9; margin:600px 0 0 0;} margin:600px 0 0 0; 高度 往下600 .footer{ height:50px; background:#9F9; clear:both;} clear:both;清除浮動
2016-06-29 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
如何用CSS進行網頁布局
  • 參與學習       209566    人
  • 解答問題       1206    個

用最簡潔的案例教你布局的那些知識，這是前端工程師基本技能

進入課程

學完了，感覺無從下手啊

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號