未包含所有图片的标头

时间:2015-04-22 13:03:26

标签: html css

我在我的代码的<header>标记中放置了一个图像,但图像正在通过它切割,标题没有扩展到图像的大小。代码如下:

<header>
<img src="the_image.png" style="position:relative; align:right; float:right; width:40%; height:inherit" />
</header>

标题样式如下:

header
{
position:relative;
width:Auto;
height:auto;
max-height:239px;
min-height:inherit;
background:#FFFFFF;
}

这与我使用的职位有什么关系吗?为什么标题根本不会扩展到图像的大小(这是我给出的最大高度)?

1 个答案:

答案 0 :(得分:2)

width: Auto;不正确,应该是width: auto;你试过这个吗?

更新: 如前所述,您可能错过了overflow: hidden;

这里是小提琴: http://jsfiddle.net/z707x908/1/