关于html 一个大的div包含上下两个小的div 总div的长度宽度一定。
答案:3 悬赏:40 手机版
解决时间 2021-02-12 01:18
- 提问者网友：蓝莓格格巫
- 2021-02-11 12:25
第一个div显示图片，图片不能被拉伸，第二个div自动占据剩下的空间，求大神谢了
最佳答案
- 五星知识达人网友：掌灯师
- 2021-02-11 12:39
<html>
<head>
<title></title>
<style type="text/css">
*{ margin: 0px; padding: 0px;}
#nav{ width: 300px; height: 300px; border: 1px solid red;}
.1{ width: 300px; height: auto; background-color: blue;}
.2{ width: 300px; height: 100%;; background-color: yellow;}
</style>
</head>
<body>
<div id="nav">
<div class="1"></div>
<div class="2"></div>
</div>
</body>
</html>
第一个小div里面直接放图片就可以了，但是注意,你要根据图片的宽度修改大小div的宽带，也可以设置为自适应，其他不用修改。
<head>
<title></title>
<style type="text/css">
*{ margin: 0px; padding: 0px;}
#nav{ width: 300px; height: 300px; border: 1px solid red;}
.1{ width: 300px; height: auto; background-color: blue;}
.2{ width: 300px; height: 100%;; background-color: yellow;}
</style>
</head>
<body>
<div id="nav">
<div class="1"></div>
<div class="2"></div>
</div>
</body>
</html>
第一个小div里面直接放图片就可以了，但是注意,你要根据图片的宽度修改大小div的宽带，也可以设置为自适应，其他不用修改。
全部回答
- 1楼网友：独钓一江月
- 2021-02-11 14:24
上面DIV定死大小，下面的DIV用百分比
- 2楼网友：毛毛
- 2021-02-11 12:46
<div style="width:800px;height:500px">
<div style="width:800px;height:200px">
</div>
<div>
</div>
</div>
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯