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

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

3列布局中的問題

如果這樣寫

.right{width:33%33;height:500px;float:right;border:2px red solid;}

排版出錯,右邊那一列會顯示在下一行,不能3列在一條線上

正在回答

3 回答

都不用float,左邊和右邊用絕對定位,中間的那列用margin:left為左列的寬度,right為右列的寬度,top bottom為0;

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

你要3列自適應的話不能用33.33%來定義寬度了。因為你的邊框border占了總寬度的2px;所以第3列會被擠到下一行。不知道你問的是這個意思不?

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

你要3列自適應的話不能用33.33%來定義寬度了。因為你的邊框border占了總寬度的2px;所以第3列會被寄到下一行。不知道你問的是這個意思不?

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

舉報

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

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

進入課程

3列布局中的問題

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

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

幫助反饋 APP下載

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

公眾號

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