Fatal编程技术网
  • html/
  • Html 添加位置固定时，我的标题div消失

Html 添加位置固定时，我的标题div消失

html css

Html 添加位置固定时，我的标题div消失,html,css,Html,Css,下面是我的html和css文件，当添加位置固定时，我的头div将消失。我甚至指定了top和left，但没有运气。请帮忙 body{ 边际：0px； 填充：0px； 背景色：白烟； } .标题{ 高度：60px； 背景颜色：粉红色； 箱形阴影：3px 3px 5px银色； 位置：固定； 排名：0； 左：0； } 标题 因为固定元素没有宽度 它的高度是60px，因为你没有指定宽度，所以它看起来是隐藏的。添加内容，或者沿着width:100%的线条添加内容将再次显示div。 标题 身体{ 边际：

下面是我的html和css文件，当添加位置固定时，我的头div将消失。我甚至指定了top和left，但没有运气。请帮忙

body{
边际：0px；
填充：0px；
背景色：白烟；
}
.标题{
高度：60px；
背景颜色：粉红色；
箱形阴影：3px 3px 5px银色；
位置：固定；
排名：0；
左：0；
}

标题

因为固定元素没有宽度

它的高度是60px，因为你没有指定宽度，所以它看起来是隐藏的。添加内容，或者沿着
width:100%的线条添加内容将再次显示div。



标题
身体{
边际：0px；
填充：0px；
背景色：白烟；
}
.标题{
高度：60px；
宽度：100%；
背景颜色：粉红色；
箱形阴影：3px 3px 5px银色；
位置：固定；
排名：0；
左：0；
}

除了将特定的
宽度
属性声明给
固定
元素之外，还可以声明值为
0
的
右
属性，有效地将
固定
元素宽度从屏幕的左到右“扩展”



正文{
保证金：0；
填充：0；
背景色：白烟；
}
.标题{
高度：60px；
背景颜色：粉红色；
箱形阴影：3px 3px 5px银色；
位置：固定；
排名：0；
左：0；
右：0；
}


请在标题中添加一些内容或宽度


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css">
        <title>the title</title>
    </head>
    <body>
            <div class="header"></div>
    </body>
</html>


body { 
    margin: 0px;
    padding:0px;
    background-color:whiteSmoke;
}

.header {
    width:60px;
    background-color: red;
    height: 60px;
    background-color: pink;
    box-shadow: 3px 3px 5px silver;
    position: fixed;
    top:0;
    left:0;
}




标题
正文{
边际：0px；
填充：0px；
背景色：白烟；
}
.标题{
宽度：60px；
背景色：红色；
高度：60px；
背景颜色：粉红色；
箱形阴影：3px 3px 5px银色；
位置：固定；
排名：0；
左：0；
}



使用“位置固定”或“绝对”时，必须设置元素的宽度。次要细节：
0
单位较少，因此
0px
是多余/不必要的-应为
边距：0；填充：0，等等。你是Gem@alvaronendez