__一个__
2020-12-20 13:04 前端工程师
关注
css布局那题，嘿嘿。
<div class="wrap">
<div class="left">left </div>
<div class="right">
<div class="box">content</div>
</div>
</div>
html,body{
margin: 0;
padding: 0;
}
.wrap{
padding-left: 100px;
}
.left, .right{
height: 100vh;
}
.left{
float: left;
width: 100px;
background-color: royalblue;
margin-left: -100px;
}
.right{
display: flex;
width: auto;
background-color: lightcoral;
justify-content: center;
align-items: center;
}
.box{
width: 50%;
height: calc( (100vw - 100px)*0.5*0.75 );
background-color: lightyellow;
}
查看原帖
1 评论
相关推荐
点赞 评论 收藏
转发
阿里云二面51人在聊不愿透露姓名的神秘牛友
03-21 15:40
已编辑
投票
投递字节跳动等公司10个岗位 点赞 评论 收藏
转发
点赞 评论 收藏
转发
牛客热帖
正在热议
# 牛客帮帮团来啦！有问必答 #
334640次浏览 7051人参与
# 晒一晒我的offer #
2749091次浏览 49380人参与
# 华为求职进展汇总 #
430616次浏览 4321人参与
# 第一次面试 #
12871次浏览 198人参与
# 非技术岗薪资爆料 #
3985次浏览 94人参与
# 机械人怎么评价今年的华为 #
46571次浏览 372人参与
# 你更愿意参加线上面试还是线下面试？ #
3359次浏览 45人参与
# 来聊聊机械薪资天花板是哪家 #
17050次浏览 129人参与
# 应届生应该先就业还是先择业 #
10395次浏览 102人参与
# 找工作，你会甘心进小厂还是猛冲大厂 #
21702次浏览 208人参与
# 百度工作体验 #
18860次浏览 205人参与
# 为什么那么多公司毁约 #
31893次浏览 267人参与
# 实习工作，你找得还顺利吗？ #
4692次浏览 69人参与
# 除了offer，现在你还缺点啥？ #
1774次浏览 41人参与
# 讲讲我经历过的年终奖 #
5754次浏览 76人参与
# 通信硬件人笔面经互助 #
58403次浏览 1318人参与
# 如果校招重来我最想改变的是 #
69725次浏览 1374人参与
# 通信硬件薪资爆料 #
132448次浏览 895人参与
# 租房前辈的忠告 #
19561次浏览 1567人参与
# 机械人的薪资开到多少，才适合去？ #
41337次浏览 245人参与