Html CSS显示:块和位置:固定

Html CSS显示:块和位置:固定,html,css,Html,Css,为什么该代码会: div { background-color: yellow; display:block; position:fixed; } 当我添加位置:固定时,不将div显示为显示:块(即在页面上流动)?它似乎在其他方面起作用 注意:我对CSS非常陌生,因此如果这只是一个愚蠢的错误,我深表歉意。您需要为任何位置为固定或绝对的[空]元素添加宽度和高度,否则它们将没有任何大小 html,正文{ 高度:1000px; } div{ 背景颜色:黄色; 显示:块; 位

为什么该代码会:

div {
    background-color: yellow;
    display:block;
    position:fixed;
}
当我添加
位置:固定时,不将
div
显示为
显示:块
(即在页面上流动)?它似乎在其他方面起作用


注意:我对CSS非常陌生,因此如果这只是一个愚蠢的错误,我深表歉意。您需要为任何位置为固定或绝对的[空]元素添加宽度和高度,否则它们将没有任何大小

html,正文{
高度:1000px;
}
div{
背景颜色:黄色;
显示:块;
位置:固定;
宽度:100px;
高度:100px;
}

使用时位置:固定
位置:绝对,元素从文档的常规流中取出


div
元素的
width
的默认设置为
auto
,这意味着它将使用其所在位置的全部可用宽度。当您将其从流中取出时,对于可用宽度不再有任何可用的度量(因为这将是无限的),因此该元素将从其内容中获取其宽度。

您所说的“页面间的流”是什么意思?您使用哪种浏览器?您是否已尝试设置左、上、下等?div没有宽度或高度see@SamithaHewawasam我怎样才能使其达到页面宽度?@Sebiddychef我怎样才能使其达到页面宽度?@Sebiddychef:你不能,但你仍然可以使用
width:100%
使其与父元素具有相同的宽度。演示:对于两个导航栏,为我添加高度和顶部