为了账号安全,请及时绑定邮箱和手机立即绑定

如下,如何让盒子自动占完其余所有宽度?

如下,如何让盒子自动占完其余所有宽度?

慕尼黑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 关注
  • 325 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信