HTML/CSS中，DIV高度自适应解决办法

最新推荐文章于 2024-05-03 02:10:24 发布

江三好

最新推荐文章于 2024-05-03 02:10:24 发布

阅读量2k

点赞数

分类专栏： html css

本文链接：https://blog.csdn.net/weixin_44006570/article/details/88926076

版权


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="gbk">
    <title>获取content高度</title>
   
	<style>
	*{color:#fff}
	.header{
    height: 40px;
    width:100%;
    position: fixed;
    top:0;
    left:0;
    background-color: #006e54;

}
.footer{
    height: 40px;
    width:100%;
    position: fixed;
    bottom:0;
    left:0;
    background-color: #00a381;
}
#aside{
    position: absolute;
    margin:0;
    left: 0;
    top:40px;
    bottom:40px;
    width:100px;
    background-color: #5c9291;
}
#content{
    position: absolute;
    margin:0;
    left:100px;
    top:40px;
    bottom:40px;
    background-color:#1f3134;
    overflow: auto;
}

	</style>
</head>
<body>
<div class="header">
    header
</div>
<div id="aside">
    aside
</div>
<div id="content">
 content content content content content content con

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

江三好

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML/CSS中，DIV高度自适应解决办法

<!DOCTYPE html><html lang="en"><head> <meta charset="gbk"> <title>获取content高度</title> <style> *{color:#fff} .header{ height: 40px; ...
复制链接

扫一扫