上下三栏布局定位方法

最新推荐文章于 2022-07-07 00:54:28 发布

汪萌萌

最新推荐文章于 2022-07-07 00:54:28 发布

阅读量251

点赞数

本文链接：https://blog.csdn.net/qq_42609316/article/details/81130438

版权

上下三栏布局定位方法，支付宝样式：
html,body{height:100%;padding:0;margin:0;}
.a{height:10%;background: #000;}
.b{height:10%;background: #f00;position: fixed;bottom:0;right:0;width:100%;}
.c{height: 80%;background: #00f;overflow-y: scroll;}

</style>
</head>
<body>

<div class="a"></div>
<div class="c"><br>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
<br></div>
<div class="b"></div>

</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

汪萌萌

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
上下三栏布局定位方法

上下三栏布局定位方法，支付宝样式：html,body{height:100%;padding:0;margin:0;}.a{height:10%;background: #000;}.b{height:10%;background: #f00;position: fixed;bottom:0;right:0;width:100%;}.c{height: 80%;background:...
复制链接

扫一扫