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

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

不能夠實現3列position絕對定位布局啊

body{ margin:0; padding:0; font-weight:bold} div{ line-height:50px} .left{ width:200px; position:absolute; background-color:#369;} .main{ margin:0 310px 0 210px ?; width:auto; background-color:#FF6; } .right{ width:300px; position:absolute; background-color:#66C;} 為什么我實現不了3列得功能啊

正在回答

3 回答

帶溝里去了吧;absolute脫離文檔流,固定在左右兩邊了,

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

.left{ width:200px; height:600px; ?position:absolute;left:0; top:0;background:#ccc;}

.main{ height:600px; margin:0px 310px 0px 210px; background:#9CF;}

.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}


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

?right:0;top:0;加上有點好,但是這樣了http://img1.sycdn.imooc.com//58de56ac000167fa03000383.jpg

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

慕數據6856210

你middle的height沒有設置,不設置就是默認高度,也就是父元素的高度,這里的父元素是body,也就是瀏覽器,所以會出現這種情況
2017-06-03 回復 有任何疑惑可以回復我~

舉報

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

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

進入課程

不能夠實現3列position絕對定位布局啊

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

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

幫助反饋 APP下載

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

公眾號

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