在页面按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>

如果解决您的问题请采纳,祝学习愉快!

1

0 学习 · 4928 问题

查看课程