在页面按f12只能看到body的宽怎么确定高是多少,要不确定是不是距离底边为100像素
来源:2-3 编程练习
努力的大白
2019-04-05 10:54:42
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding: 0;
margin: 0;
}
.test{
width: 100px;
height: 100px;
background: red;
position: absolute;
left: 1080px;
top: 300px
/*此处写代码*/
}
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>
1回答
guly
2019-04-06
你好,只要为body设置高度为100%就可以了html,body{height:100%;}这样之后div会按比例来继承上一级的高度了.仅仅设置的DIV元素的height属性貌似没有什么效果。宽度一般是默认,建议参考如下代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{ padding: 0; margin:0;
}
.test{
width: 100px;
height: 100px;
background: red; /*此处写代码*/
position: absolute;
right: 200px;
bottom: 100px;
}
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>如果解决您的问题请采纳,祝学习愉快!
相似问题