为什么div中的背景图像需要高度而不是宽度才能显示?

时间:2013-08-29 20:52:54

标签: css html background-image

CSS

.one {
color: blue;
border: 2px solid;
background: blue url("http://img136.imageshack.us/img136/3964/longthinkg5fk.png") repeat ;
height: 1000px;
}

为什么高度是必要的但宽度是可选的?

2 个答案:

答案 0 :(得分:0)

因为<div>块级元素,默认情况下其父级宽度的<100> ,但它有 {{ 1}} 默认情况下的CSS声明,在这种情况下将计算为 height: auto

  

块级是具有的显示类型的元素   (0)。

当您将display: block元素直接放入<div>时,除法元素占据身体宽度的100%( 100% - 2 * 8px 宽度为屏幕本身,默认情况下)。

要在屏幕上显示分部(<body>标记),您需要在内部放置内容,或设置特定高度。< / p>

答案 1 :(得分:0)

这是因为<div></div>默认设置为display:block,这意味着元素宽度默认为100%宽度;但如果内部没有内容,则div没有高度