具有absolute、relative、fixed的div设置宽度和高度的效果

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
.box{
/**/
position: absolute;    /*绝对定位*/
width: 100%;
height: 100%;
background-color: #ccc;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

这一结论用的还是比较多的。。。

转载于:https://blog.51cto.com/11871779/2338374

具有absolute、relative、fixed的div设置宽度和高度的效果相关推荐

div设置宽度，实现不等比缩放，或设置最小宽度 min-width
div设置宽度,实现不等比缩放,如 width="1140px",或设置最小宽度 min-width,如 width="60%", min-width=&quo ...
css设置宽度与高度比例，实现高度为宽度的百分之多少
自适应网站,因文章内容上传图片宽高比例不统一,列表页调用图片展示不整齐. css设置宽度与高度比例举例: html <div class="banner"><di ...
如何给超链接设置宽度和高度
1.利用display:block属性 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <meta charset=&qu ...
关于Div的宽度与高度的100%设定
正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度(高度)到底有多宽有多高?这个100%是从 ...
Div的宽度与高度的100%设定
div的100%是从其上一级div的宽高继承来的,有一点很关键,就是要设置div100%显示,必须设置其上一级div的宽度或高度,否则无效. 举例说明:父div宽300高200,子div如果在这个条件 ...
div设置一个最小高度和最大高度，但是中间可以靠内容撑开
div设置一个最小高度和最大高度,但是中间可以靠内容撑开,很简单,给div对应的css加两个代码: 1.min-height:100px;(内容不足100px时候,高度会有100px). 2.max- ...
获取div的宽度和高度
获取div的宽度和高度我最先开始的想法是这样的获取到div var d = document.getElementById("容器id") 取widthd.width,或者d. ...
css中div的宽度和高度设置指的是什么
<style type="text/css">div{width: 500px;height:500px;line-height: 40px;background: # ...
html给div设置宽度无效,HTML学习之给div高度设置百分比不生效的问题
这几天在学习HTML的知识,今天想做一个极为简单的页面,就是分为头部,内容和底部,本来用三个div即可,可是给div高度设置百分比时发现不生效,具体页面如下,非常简单. 下面是html部分: 1111 ...

具有absolute、relative、fixed的div设置宽度和高度的效果

具有absolute、relative、fixed的div设置宽度和高度的效果相关推荐

最新文章

热门文章