CSS设置百分比值的问题

当给元素设置width:100%;height:100% 的时候没有反应

  因为,元素的宽高是根据内容来自动适应的,当设置百分比值时,是根据这个元素的父元素来确定百分比的

如果父元素没有固定的值,那就需要设置值才能正常显示如:

  

    .box{
width: %;
height: %;
background: #;
}
</style> <div class="box"> </div>

  此div在页面中没有任何效果,所以要把div的上级元素body设设置了

body{
width: %;
height: %;
padding: ;
margin: ;
}
.box{
width: %;
height: %;
background: #;
}
</style> <div class="box"> </div>
</body>

  设置了body还是没有反应,body上还有一个html元素

  

</head>
<body> <style>
html,body{
width: %;
height: %;
padding: ;
margin: ;
}
.box{
width: %;
height: %;
background: #;
}
</style> <div class="box"> </div>
</body>
</html>

这样就好了!整个页面都变成灰色的了

上一篇:02_java语法基础_课程动手动脑问题以及课后实验性问题及解答集锦


下一篇:centos6升级python2.7