Question

我正在尝试在div中创建可点击图像，并将其放在divs标题下。我希望这个图像与Header处于同一级别。感谢。

HTML：

Map

的CSS：

Map<String, Object>

Answer 1

您忘记关闭其中一个开头的div标签。您可能还需要使用超链接中的整个网址。而不是使用

<a href="One.html">

您可能想要使用

<a href="http://mywebsite.com/One.html">

Answer 2

您是否期望以下输出？

.One{
position:absolute;
top:10%;
left:10%;
height: 35%;
width: 50%;
border: 1px solid;  
}
.One h1{
position:absolute;
left:35%;
}
.One a img {
width:100%;
height:100%;
}

<div class="One"> <h1> One </h1>
<a href="One.html">
<img  alt="One" src="https://image.freepik.com/free-vector/prairie-house-with-fowers-and-sunrays-background_293-152.jpg" > </a></div>

div里面的图像不干扰

2 个答案: