課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
如果這樣寫
.right{width:33%33;height:500px;float:right;border:2px red solid;}
排版出錯,右邊那一列會顯示在下一行,不能3列在一條線上
2016-03-21
源自:如何用CSS進行網頁布局 4-1
正在回答
都不用float,左邊和右邊用絕對定位,中間的那列用margin:left為左列的寬度,right為右列的寬度,top bottom為0;
你要3列自適應的話不能用33.33%來定義寬度了。因為你的邊框border占了總寬度的2px;所以第3列會被擠到下一行。不知道你問的是這個意思不?
你要3列自適應的話不能用33.33%來定義寬度了。因為你的邊框border占了總寬度的2px;所以第3列會被寄到下一行。不知道你問的是這個意思不?
舉報
用最簡潔的案例教你布局的那些知識,這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-21
都不用float,左邊和右邊用絕對定位,中間的那列用margin:left為左列的寬度,right為右列的寬度,top bottom為0;
2016-03-28
你要3列自適應的話不能用33.33%來定義寬度了。因為你的邊框border占了總寬度的2px;所以第3列會被擠到下一行。不知道你問的是這個意思不?
2016-03-28
你要3列自適應的話不能用33.33%來定義寬度了。因為你的邊框border占了總寬度的2px;所以第3列會被寄到下一行。不知道你問的是這個意思不?