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

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

5-3變成挑戰

幫我看看,錯了的幫我改正,謝謝了?。ㄔ鯓邮箁ight先加載?怎么兼容ie6?)

body{ margin:0; padding:0; _padding:0;font-size:30px; color:#fff}.top{width:100%;height:100px;background:#ccc;}
.main{width:100%; height:500px;background:red;margin:0 auto; position:relative;overflow:hidden;}
.left{width:200px;height:500px;background:blue;float:left;left:0;top:0;}
.right{width:100%;height:500px;background:green;position:absolute;margin:0 0 0 210px;}
.foot{width:100%;background:yellow;padding:0;clear:both;}

正在回答

2 回答

首先,答案有很多種,很簡潔的如下

.top{height:100px;background:#ccc;}

.main{height:500px;background:red;}

.left{width:30%;height:500px;background:blue;float:left;}

.right{width:65%;height:500px;background:green;float:right;}

.foot{height:100px;background:yellow;}

  1. width:100%;這玩意有必要嗎?

  2. 全寬的情況下margin:0 auto;居中有必要嗎?

  3. left right放一列,你right?width:100%這是啥,俺問你?

  4. 自己不是很懂得代碼別亂寫,沒用的也少些行不?

  5. !important試試這個,看能否優先加載,我沒試啊

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

慕粉4340077 提問者

非常感謝!我太菜了哈哈
2016-11-13 回復 有任何疑惑可以回復我~
#2

慕虎9205161 回復 慕粉4340077 提問者

我也是才開始學的,大家一起加油哈。
2016-11-13 回復 有任何疑惑可以回復我~
#3

大大張偉大

我試了一下,你這個不滿足左邊固定寬,右邊自適應
2016-11-16 回復 有任何疑惑可以回復我~

因為這個就不是要滿足左邊固定寬,右邊自適應啊,實現的是左右之間有間隔的,間隔顯示背景顏色的。

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

MZRaphael

好好看任務
2016-11-21 回復 有任何疑惑可以回復我~
#2

慕虎9205161

哦,謝謝美女指證。我做的是它給的效果圖的樣子,左右有間隔。題目效果也不難??!我覺著這么久了,應該不用我貼答案了吧!
2016-11-22 回復 有任何疑惑可以回復我~

舉報

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

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

進入課程

5-3變成挑戰

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

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

幫助反饋 APP下載

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

公眾號

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