查看: 67|回复: 1

[IT] 如何让中间绿色的div根据页面宽度自适应?

[复制链接]

5459

主题

5459

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
16387
发表于 2020-6-26 10:41:25 | 显示全部楼层 |阅读模式
<div style="height:40px;background-color:yellow;width:100%">
        <div style="height:40px;background-color:blue;width:100px;float:left;color:white;">
            123
        </div>
        <div style="height:40px;background-color:green;width:auto;float:left;color:white;">
            456
        </div>
        <div style="height:40px;background-color:blue;width:100px;float:left;color:white;">
            789
        </div>
    </div>
如何让456所在的绿色div,根据页面的宽度自动增长,缩小
回复

使用道具 举报

0

主题

1817

帖子

190

积分

注册会员

Rank: 2

积分
190
发表于 2020-6-26 10:41:33 | 显示全部楼层
<div style="height:40px;background-color:yellow;width:100%;">
<div style="height:40px;background-color:blue;width:100px;float:left;color:white;">123</div>
<div style="height:40px;background-color:green;width:calc(100% - 200px);float:left;color:white;">456</div>
<div style="height:40px;background-color:blue;width:100px;float:left;color:white;">789</div>
</div>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 在线注册

本版积分规则

QQ|手机版|Archiver|我要投稿|洛阳IT论坛 ( 豫ICP备18021590号 )|网站地图

GMT+8, 2020-9-21 20:12 , Processed in 5.135047 second(s), 26 queries .

Powered by 洛阳IT论坛网 X3.2

© 2018-2025 China Inc.

快速回复 返回顶部 返回列表