宽度固定，两行第一行高度定，第二行高度自适应

最新推荐文章于 2024-09-10 12:43:55 发布

shenwave

最新推荐文章于 2024-09-10 12:43:55 发布

阅读量379

点赞数

分类专栏： css 文章标签： class html div 产品

本文链接：https://blog.csdn.net/shenwave/article/details/5719437

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>产品注册</title>
<style type="text/css">
html,body{height:100%;}
body{padding:0;margin:0;}
.main{height:100%;text-align: center;}
#top{height:50px;width:900px;background-color:#CCC;color:#fff;}
#autoHeight{position:relative;top:0;bottom:0;
height:expression((document.body.clientHeight - 50) + "px");
width:900px;background-color:#999;color:#fff;}
</style>
</head>
<body>
<div class="main">
<div id="top">top</div>
<div id="autoHeight">autoHeight</div>
</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

shenwave

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
宽度固定，两行第一行高度定，第二行高度自适应

<br /><html><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br /><title>产品注册</title><br /><style type="text/css"><br />html,body{height:100%;}<br />body{padding:0;margin:0;}<br />.main{height:100%;text-align: center;}<
复制链接

扫一扫