會員:
yyhero18net
編號: 0000002
頭銜: 壇主
帳號: VIP永久會員
積分: 1950174498
貢獻: 1032
發帖: 65535
注冊: 2005-4-27 狀態: 在線
性別: (
男 Male
)
贊助網站載入中...
|
#1
本貼發表於 2020-9-8 12:45 PM |
標題: [分享] 多個div向左并排 |
贊助網站載入中...
贊助網站載入中...
多個div向左并排
|
看演示:5個紅色div都是width:50px;height:50px;
而主div是width:200px;height:100px;理應能排進4個紅色div
但別忘記每個紅色div的border: 3px 所以就不夠空間排第4個紅色div了
而黃框的主div高度100 卻被紅色div溢出少許才能分排成為兩行
參數如下CODE: [Copy to clipboard]
<div style="width:200px;height:100;border: 3px solid yellow;">
<div style="float:left;width:50px;height:50px;border: 3px solid red;">1</div>
<div style="float:left;width:50px;height:50px;border: 3px solid red;">2</div>
<div style="float:left;width:50px;height:50px;border: 3px solid red;">3</div>
<div style="float:left;width:50px;height:50px;border: 3px solid red;">4</div>
<div style="float:left;width:50px;height:50px;border: 3px solid red;">5</div>
</div>
贊助網站載入中...
※ 所有言論不代表本站立場與本站立場無關,本站不對其內容負上任何責任。※
※ [注意公告] 已進行 統一發表主題的格式,謝謝合作!※
※ [注意公告] 原創貼的發貼要求,謝謝合作!※
|
|