首頁猿問如下，如何讓盒子自動占完其余所有寬度？

如下，如何讓盒子自動占完其余所有寬度？

CSS3 Html5

慕尼黑8549860 2022-07-08 11:07:55

</div><div3></div><div4></div></div></body>div1寬度100％div2和div4寬度40pxdiv2，div3左浮動div4右浮動div3占完剩余部分

查看完整描述

2 回答

繁花如伊

TA貢獻2012條經驗獲得超12個贊

可以用clac，因為你2.4都是固定寬度，
第3個盒子的寬度可以這樣設置：width: calc(100% - 80px);

反對回復 2022-07-11

湖上湖

TA貢獻2003條經驗獲得超2個贊

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>_</title> <style type="text/css"> .div1{ width:100%; } .div2{ width:40px; float:left; background:#aaa; } .div3{ width:calc(100% - 80px); float:left; background:#ccc; } .div4{ width:40px; float:right; background:#eee; } </style></head><body> <div class="div1"> <div class="div2">2</div> <div class="div3">3</div> <div class="div4">4</div> </div></body></html>

反對回復 2022-07-11

2 回答
0 關注
363 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

如下，如何讓盒子自動占完其余所有寬度？

如下，如何讓盒子自動占完其余所有寬度？

2 回答

添加回答

如下，如何讓盒子自動占完其余所有寬度？

如下，如何讓盒子自動占完其余所有寬度？