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

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

我不確定自己是否做到了題目的要求,還有一些問題


<!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?type="text/css">
body{?margin:0;?padding:0;?font-size:30px;?color:#fff}
.top{height:100px;width:100%;background:?blue;}
.main{height:500px;background:?green;position:?relative;}
.left{width:200px;height:500px;background:?red;position:?absolute;margin-left:0;}
.right{height:500px;width:100%;position:absolute;margin-left:210px;background:?gray;}
.foot{height:100px;width:100%;background:?pink;}
</style>
</head>
<body>
<div?class="top">top</div>
<div?class="main">
????<div?class="right">right</div>
????<div?class="left">left</div>
</div>
<div?class="foot">foot</div>
</body>
</html>

有大佬看看我這樣符合題目要求嗎,還有任務里的要求右側先加載,左側后加載是什么意思,又是如何判斷

https://img1.sycdn.imooc.com//5b5188e90001066a17900904.jpg

正在回答

4 回答

我和你一樣,用絕對定位的,不知道用浮動怎么弄。另外,right先加載的意思就是right塊在left塊前面

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

我好像用的是左右寬度用百分比,這樣放大也沒有影響

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

我用的是float,效果出來是這樣https://img1.sycdn.imooc.com//5b514a270001f74814490961.jpg

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

Otone 提問者

效果圖我補了,題目不是要求右側寬度自適應嗎
2018-07-20 回復 有任何疑惑可以回復我~

你有效果圖嗎

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

舉報

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

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

進入課程

我不確定自己是否做到了題目的要求,還有一些問題

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

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

幫助反饋 APP下載

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

公眾號

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