我在我的代码的<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;
}
这与我使用的职位有什么关系吗?为什么标题根本不会扩展到图像的大小(这是我给出的最大高度)?
答案 0 :(得分:2)
width: Auto;
不正确,应该是width: auto;
你试过这个吗?
更新:
如前所述,您可能错过了overflow: hidden;
这里是小提琴: http://jsfiddle.net/z707x908/1/