[英]Easy Div and Linear Gradient CSS
发生了奇怪的事情,当我将div的高度和宽度设置为100%(代码段1)时,如果将div尺寸更改为200px(代码段2)的高度且没有宽度,则div消失了, div出现渐变没有问题。 有人可以帮助我了解我在这里缺少什么吗?
片段1:
<style>
body {
height: 100%;
width: 100%;
}
body {
background-color: black;
}
#grad1 {
height: 100%;
width: 100%;
background: linear-gradient(red, blue);}
</style>
</head>
<body>
<div id="grad1">
</div>
</body>
片段2:
<style>
body {
height: 100%;
width: 100%;
}
body {
background-color: black;
}
#grad1 {
height: 100%;
width: 100%;
background: linear-gradient(red, blue); }
</style>
</head>
<body>
<div id="grad1">
</div>
</body>
还将html
的width
和height
为100%
。
body, html { height: 100%; width: 100%; margin: 0; } body { background-color: black; } #grad1 { height: 100%; width: 100%; background: linear-gradient(red, blue); }
<div id="grad1"></div>
您可以在类grid1中添加绝对位置。
body { height: 100%; width: 100%; background-color: black; } #grad1 { height: 100%; width: 100%; background: linear-gradient(red, blue); position:absolute; }
<div id="grad1"></div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.